Skip to content

Instantly share code, notes, and snippets.

@machal

machal/template.scss

Created May 22, 2018
Embed
What would you like to do?
Empty SCSS file template
/*
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 {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.