Empty SCSS file template

template.scss

/*   
Molecule Component
==================

Using for …

Documentation: http://example.com/pattern-lab/component
*/
 
//   Structure:
//     .c-component(.c-component--bordered|.c-component--large)
//       .c-component__body
//          .c-component__body-heading
//       .c-component__foot 

// Block
// -----
 
.c-component {
  …
}
 
// Element: Body
// --------------
 
.c-component__body {
  …
}
 
// Element: Body Heading
// ---------------------
 
.c-component__body-heading {
  …
}
 
// Another comment…
 
.c-component__body-heading:hover {
  …
  // Inline comment:
  …
}
 
 
// Element: Foot
// -------------
 
.c-component__foot {
  …
}
 
// Modifier: Bordered
// ------------------
 
.c-component--bordered {
  …
}
 
// Modifier: Large
// ---------------
 
.c-component--large {
  …
}