Skip to main content

SASS with GrooveUI

SASS stands for Syntactically Awesome StyleSheets. Sass is a CSS pre-processor with syntax advancements. Style sheets created in SASS syntax are processed by the SASS compiler, and turned into regular CSS style sheets.
It allows you to easily manage complex CSS files by using variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.
One of the most powerful features of SASS is the use of variables. Example, instead of repeating the value of your sites primary color at multiple places, you could define a variable for primary color and then use that throughout your stylesheet. SASS compiler will replace the value of variable with actual value while generating CSS.
One feature which is left wanting, is the ability to dynamically update these variables, say from database values. This is where GrooveUI comes in to picture.
GrooveUI is an online service that allows you to set SASS variables dynamically. It allows you to have multiple active theme and access those themes through different domain or using URL parameters.
You only need to upload your SASS files to GrooveUI CDN and connect your website to GrooveUI CDN for retrieving the compiled CSS. That’s it. Now using GrooveUI website you can create new themes and define individual values for SASS variables. No changes are required on your website. You can control both CSS and Images.