HTML/UI/CSS, Technology

Sass : Nesting selectors and properties

Sass is a well known framework of CSS. It's an efficient and reliable tool, which gives us great power to write CSS in precise way. Sometimes we (Front-end Developers) all wonder that we wouldn't be able to enjoy writing CSS. However, as soon as Sass came in our life, we discovered this was the way to go when working with CSS. Please...

by Kapil Chotwani
Tag: Sass
08-Jul-2015

HTML/UI/CSS, Technology

How to compile SASS files ?

Sass (Syntactically Awesome StyleSheets) program automatically compiles Sass files as CSS files. This is an extension of CSS. It allows us to use variables, nested values, mixin, inline imports etc. How to install Sass ? Step 1 - Download and Install Ruby gem (https://rubygems.org/). On a MAC machine, GEM comes pre-installed, so MAC...

by Kapil Chotwani
Tag: Sass
02-Jul-2015

HTML/UI/CSS

Using Media queries with Sass

While starting work on redesign of an existing site, I was suggested to give CSS preprocessors like Less/SCSS a try.  I was thrilled by the features of SCSS and started woking on it and I would like to share my experience about writing media queries in SCSS with you guys. In SCSS, we can use if/else condition like any other...

by Rajan Shergill
Tag: Sass
14-Oct-2014