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}
29