Sass - Syntactically Awesome Stylesheets

Download Editor Support Development Install Ruby and Sass First of all, let’s get Sass up and running. If you’re using OS X, you’ll already have Ruby installed. Windows users can install Ruby via the Windows installer , and Linux users can install it via their package manager. Once you have Ruby installed, you can install Sass by running gem install sass Your First Sass Stylesheet We’ll start out by creating a very simple SCSS file. Since SCSS is an extension of CSS3, our first file will start out as plain CSS. Open up a new file called style.scss in your text editor , and add the following: /* style.scss */ #navbar { width: 80%; height: 23px; } To translate this Sass file into a CSS file, run sass --watch style.scss:style.css Now whenever you change style.scss , Sass will automatically update style.css with the changes. Later on when you have several Sass files, you can a...