Sass Snippets

comments.scss

/*! 
    Copyright 2015 Initech 
    
    This will always be present, no matter the output style.
*/

/*
    Multi-line comment.
    
    This will be present in all output styles other than compressed.
*/
body {
    font-size: 16px;
}

// Single-line dev comment.
// This will be removed in all output styles.
h1 {
    font-size: 1.8em; // Keep the h1 headers large.
}

extends-nesting.scss

/*! Copyright 2015 */

/*
    Button properties.
*/
.btn-a {
     background: #777777;
     border: 1px solid #ccc;

     &:hover {
          // Change button background on hover.
          background: #cecece;
     }
}
.btn-b {
     @extend .btn-a;
     background: #ffff00;
}