Skip to content

Instantly share code, notes, and snippets.

@mattcdavis1
Created May 24, 2017 18:49
Show Gist options
  • Save mattcdavis1/4993d6706b96d5567daa90d54f16a7be to your computer and use it in GitHub Desktop.
Save mattcdavis1/4993d6706b96d5567daa90d54f16a7be to your computer and use it in GitHub Desktop.
Union Coding Standards - SASS
.MyModule {
// attributes (alphabetical)
background: blue;
// pseudo
&:before {
}
// tag children (alphabetical)
div {
background: orange;
}
// non state class children (alphabetical)
.someClass {
font-size: 12px;
}
// single dash (alphabetical)
&-myComponent {
color: yellow;
}
// state classes (alphabetical)
&.is-someState {
color: yellow;
}
// double dashes (alphabetical)
&--myModifier {
color: red;
}
// media queries (smallest to largest)
@media (max-width: 600px) {
.facet_sidebar {
display: none;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment