SYNTACTICALLY AWESOME STYLESHEETS Preprocessing Compiling : sass input.scss output.css Variables SASS $font-stack : Helvetica , sans-serif $primary-color : #333 body font : 100% $font-stack color : $primary-color SCSS $font-stack : Helvetica , sans-serif ; $primary-color : #333 ; body { font : 100% $font-stack ; color : $primary-color ; } Nesting SASS nav ul margin : 0 padding : 0 list-style : none li display : inline-block a display : block padding : 6px 12px text-decoration : none nav{ ul{ margin : 0; padding : 0; list-style : none; } li { display : inline-block; } a { display : block; padding : 6px 12px; text-decoration : none; } Partials This is a great way to modularize your CSS and help keep things easier to maintain _partial.scss . Import // base.scss @im...
Personnel Reference Blog