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