| Michael Davis | 1947575 | 2017-02-23 18:30:23 -0600 | [diff] [blame] | 1 | // Content layout styles |
| Michael Davis | 71ec745 | 2017-04-24 16:28:57 -0500 | [diff] [blame] | 2 | $nav__toplvlWidth: 120px; |
| 3 | $nav__seclvlWidth: 240px; | ||||
| Michael Davis | 1947575 | 2017-02-23 18:30:23 -0600 | [diff] [blame] | 4 | |
| Michael Davis | 272297b | 2017-04-24 12:11:53 -0500 | [diff] [blame] | 5 | // Page header |
| 6 | .page-header { | ||||
| Gunnar Mills | 84e114a | 2018-11-14 13:44:41 -0600 | [diff] [blame] | 7 | width: 100%; |
| Michael Davis | 272297b | 2017-04-24 12:11:53 -0500 | [diff] [blame] | 8 | position: relative; |
| Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 9 | border-bottom: 1px solid $border-color-02; |
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 10 | margin: 0.5em 0 2.2em; |
| Michael Davis | 5194655 | 2017-05-01 10:30:38 -0500 | [diff] [blame] | 11 | padding-left: 0; |
| Michael Davis | 272297b | 2017-04-24 12:11:53 -0500 | [diff] [blame] | 12 | } |
| 13 | |||||
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 14 | // Main element class |
| Michael Davis | 1947575 | 2017-02-23 18:30:23 -0600 | [diff] [blame] | 15 | .content__container { |
| Michael Davis | 1947575 | 2017-02-23 18:30:23 -0600 | [diff] [blame] | 16 | margin-left: $nav__toplvlWidth; |
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 17 | padding: 1em 0.1em; |
| 18 | |||||
| 19 | @include mediaQuery(x-small) { | ||||
| Michael Davis | 0f03ad1 | 2017-02-27 16:54:18 -0600 | [diff] [blame] | 20 | padding: 1rem 2rem; |
| Michael Davis | 1947575 | 2017-02-23 18:30:23 -0600 | [diff] [blame] | 21 | } |
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 22 | |
| Michael Davis | 706b75b | 2017-08-18 16:40:03 -0500 | [diff] [blame] | 23 | section.row, |
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 24 | .column.row.row, |
| 25 | .row.row.columns { | ||||
| Michael Davis | 706b75b | 2017-08-18 16:40:03 -0500 | [diff] [blame] | 26 | margin-left: 0; |
| 27 | } | ||||
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 28 | |
| 29 | // Must be applied to the <main> element in the app | ||||
| 30 | // Required to create an elegant page transition | ||||
| 31 | @include page-transition; | ||||
| 32 | &.ng-leave-active, | ||||
| 33 | &.ng-enter { | ||||
| 34 | @include page-transition-visibility; | ||||
| 35 | } | ||||
| Michael Davis | 1947575 | 2017-02-23 18:30:23 -0600 | [diff] [blame] | 36 | } |
| Michael Davis | 6af1346 | 2017-04-04 14:07:02 -0500 | [diff] [blame] | 37 | |
| Michael Davis | 272297b | 2017-04-24 12:11:53 -0500 | [diff] [blame] | 38 | .content-header { |
| 39 | font-weight: 700; | ||||
| 40 | margin-bottom: 0; | ||||
| 41 | margin-top: 2em; | ||||
| 42 | } | ||||
| 43 | |||||
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 44 | .content-label, |
| 45 | label { | ||||
| Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 46 | color: $text-02; |
| Michael Davis | 272297b | 2017-04-24 12:11:53 -0500 | [diff] [blame] | 47 | text-transform: uppercase; |
| 48 | font-weight: 700; | ||||
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 49 | font-size: 0.75em; |
| Michael Davis | 272297b | 2017-04-24 12:11:53 -0500 | [diff] [blame] | 50 | margin-bottom: 0; |
| 51 | } | ||||
| Iftekharul Islam | 8947e70 | 2017-07-27 10:28:07 -0500 | [diff] [blame] | 52 | |
| 53 | .subhead { | ||||
| Gunnar Mills | 9719544 | 2018-11-26 16:51:57 -0600 | [diff] [blame] | 54 | width: 100%; |
| Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 55 | border-bottom: 1px solid $border-color-01; |
| Derick Montague | 1a606be | 2019-05-23 21:32:28 -0500 | [diff] [blame] | 56 | padding-bottom: 0.5em; |
| Gunnar Mills | 84e114a | 2018-11-14 13:44:41 -0600 | [diff] [blame] | 57 | } |