Actually, it’s really “Syntactically Awesome Stylesheets”.<\/p>\n
For all the theme\u00a0designers out there, we’ve just made your life a little bit easier. We all know that sometimes CSS stylesheets can get complicated, so anything that can help you manage that complexity is a welcome bonus.<\/p>\n
As you may already know, when you enable the Theme Editor by creating a ‘theme.settings<\/em>‘ file, you can parse your CSS files by making sure they have a suffix of ‘.css.liquid<\/em>‘.<\/p>\n Now, as part of the CSS processing that gets initiated to deal with the Liquid tags, we’ve added a pass through the SCSS processor, which is part of the SASS CSS extensions. You can read more about these CSS extensions at http:\/\/sass-lang.com<\/a><\/p>\n By using the CSS extensions, you can simplify your stylesheets by using variables, conditional logic, mixins and templates, nested attributes and a whole lot more. Even better, at the end of the processing you get a compressed CSS file so you can ensure that your site loads as fast as possible. Even if you don’t use any of the CSS extensions, you still get a compressed stylesheet, so that’s got to be something to smile about!<\/p>\n You can read more about the Spiffy Stores Theme Customizations in our Knowledge Base<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" Actually, it’s really “Syntactically Awesome Stylesheets”. For all the theme\u00a0designers out there, we’ve just made your life a little bit easier. We all know that sometimes CSS stylesheets can get complicated, so anything that can help you manage that complexity … Continue reading