Skip to content

Instantly share code, notes, and snippets.

@seahrh
Last active March 11, 2017 10:46
Show Gist options
  • Save seahrh/2745e40b2b4ab2cd85df70de4f1610bd to your computer and use it in GitHub Desktop.
Save seahrh/2745e40b2b4ab2cd85df70de4f1610bd to your computer and use it in GitHub Desktop.
/* Class names use Block-Element-Modifier (BEM) notation */
.ag-sections__section,
.ag-sections__section--red,
.ag-sections__section--green,
.ag-sections__section--yellow {
padding: 10px;
margin: 10px;
}
.ag-sections__section--red {
background-color: red;
}
.ag-sections__section--green {
background-color: green;
}
.ag-sections__section--yellow {
background-color: yellow;
}
.ag-sections__section__heading,
.ag-sections__section__body,
.ag-sections__section__footer {
padding: 10px;
}
.ag-sections__section__heading {
height: 50px;
}
.ag-sections__section__body {
height: 150px;
}
.ag-sections__section__footer {
height: 100px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment