1// Content layout styles 2$nav__toplvlWidth: 120px; 3$nav__seclvlWidth: 240px; 4 5// Page header 6.page-header { 7 width: 100%; 8 position: relative; 9 border-bottom: 1px solid $lightbg__grey; 10 margin: .5em 0 2.2em; 11 padding-left: 0; 12 .h4 { 13 padding: .1em 0 0 0; 14 margin: 0 0 1em 0; 15 font-weight: bold; 16 } 17} 18 19.content__container { 20 margin-left: $nav__toplvlWidth; 21 padding: 1em .1em; 22 transition: left 1s ease; 23 @include mediaQuery(x-small){ 24 padding: 1rem 2rem; 25 } 26 section.row, 27 .column.row.row, .row.row.columns{ 28 margin-left: 0; 29 } 30} 31 32.content-header { 33 font-weight: 700; 34 margin-bottom: 0; 35 margin-top: 2em; 36} 37 38.content-label, label { 39 color: $darkgrey; 40 text-transform: uppercase; 41 font-weight: 700; 42 font-size: .75em; 43 margin-bottom: 0; 44} 45 46.subhead { 47 border-bottom: 1px solid $medgrey; 48 padding-bottom: .5em; 49} 50