Tuesday, August 13, 2013

SASS: Syntactically Awesome Stylesheets - An Introduction


    I had some free time today, and decided to explore into SASS, which I had planned on doing for a long time. SASS is really cool and it really is simple styling with a lot of attitude. SASS really makes CSS so much fun. I loved it and am putting up a few posts to talk about the various features of SASS.

    SASS is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance and much more. The SASS CSS is required to be compiled before it is transformed into standard CSS using a command line tool or a web-framework plugin. Let's not worry about this for now.

    SASS CSS can be written using 2 types of syntaxes. The most popularly used syntax is known as "SCSS", rightly named "Sassy CSS" and is a superset of CSS3's syntax. This means that every CSS3 stylesheet is valid SCSS as well. The second syntax is an older one known as the "indented syntax" or just SASS. This syntax is for people who do not love brackets and semicolons as it uses indentation of lines to specify blocks. Both of these syntaxes are supported by SASS, but we will be taking a look at examples using the SCSS syntax.

    Hope you love all the examples coming your way detailing every feature of SASS in the next couple of days. You can browse through a long list of Jquery Mobile and Google Maps API examples that have been discussed on this blog.

If this post has helped you, leave a comment or show your love by liking the Spatial Unlimited Facebook page. You could even consider buying me a coffe! Till next time; happy coding!