ag-sections.css

/* 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;
}