| Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame^] | 1 | /** |
| 2 | * Used for section layout. This should be used for the page container |
| 3 | * Mark up |
| 4 | <div class="section"> |
| 5 | <h2 class="section-title">Section Title</h2> |
| 6 | <div class="section-content"> |
| 7 | ... |
| 8 | </div> |
| 9 | <div class="section-content"> |
| 10 | ... |
| 11 | </div> |
| 12 | </div> |
| 13 | */ |
| 14 | |
| 15 | .section { |
| 16 | margin-bottom: 3rem; |
| 17 | } |
| 18 | |
| 19 | .section-title { |
| 20 | border-bottom: 1px solid $border-color-01; |
| 21 | padding-bottom: 0.5rem; |
| 22 | margin-bottom: 1.5rem; |
| 23 | } |
| 24 | |
| 25 | .section-content { |
| 26 | margin-bottom: 1.5rem; |
| 27 | margin-top: 0; |
| 28 | } |