Why Shopify announced deprecation of SASS

November 7, 2022,
By Mackral
Why Shopify announced deprecation of SASS

Shopify, one of the leading e-commerce platforms, recently announced that it will be deprecating the use of Sass (SCSS) in favor of modern CSS. This means that developers will no longer be able to use Sass in their Shopify themes, and will need to rely on CSS alone for styling their stores.

The reason for this change is that Sass, while powerful, is an older technology that has been surpassed by newer CSS features. For example, CSS now has support for variables, which were one of the main selling points of Sass. Additionally, modern CSS has better browser support and is generally easier to use than Sass.

The deprecation of Sass in Shopify will affect developers in a few different ways. Firstly, developers will need to update their themes to remove any Sass code and replace it with CSS. This can be a time-consuming process, especially for themes that make heavy use of Sass. Additionally, developers will need to familiarize themselves with the latest CSS features and best practices in order to style their stores effectively.

However, this change also brings some advantages for the developers, as it allows them to use the latest CSS features and best practices. As Shopify will no longer support Sass, the developers will have to use the latest CSS features, which is a more modern and efficient way of styling their stores. Moreover, it will also lead to less complexity and more consistency in the codebase.

Shopify has also announced that it will be providing a set of tools and resources to help developers transition to CSS. This includes documentation on how to use the latest CSS features, as well as tutorials and best practices for styling a Shopify store. Additionally, Shopify is working on a new design system, Polaris, that will provide a set of pre-built, customizable UI components and design guidelines that can be used to style a store.