| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 1 | |
| 2 | $logoHeight: 40px; |
| 3 | $logoMaxHeight: 100px; |
| 4 | $logoMaxWidth: 125px; |
| 5 | |
| 6 | #header__wrapper { |
| 7 | position: fixed; |
| 8 | top:0; |
| 9 | left: 0; |
| 10 | right:0; |
| 11 | z-index: 100; |
| 12 | } |
| 13 | .app__version { |
| 14 | margin-left: 1em; |
| 15 | display: none; |
| 16 | @include mediaQuery(x-small) { |
| 17 | display: inline-block; |
| 18 | position: absolute; |
| 19 | top: 50%; |
| 20 | transform: translateY(-50%); |
| 21 | } |
| 22 | } |
| 23 | header { |
| 24 | position: relative; |
| Michael Davis | 1947575 | 2017-02-23 18:30:23 -0600 | [diff] [blame] | 25 | background: $lightbg__primary; |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 26 | color: $white; |
| 27 | padding: .8em; |
| 28 | |
| 29 | .logo__wrapper { |
| 30 | display: inline-block; |
| 31 | } |
| 32 | |
| 33 | #header__logo { |
| 34 | vertical-align: middle; |
| 35 | margin-right: 1em; |
| 36 | float: left; |
| 37 | height:$logoHeight; //required for <SVG> logos - can remove if using img |
| 38 | max-height: $logoMaxHeight; |
| 39 | max-width: $logoMaxWidth; |
| 40 | width: auto; |
| 41 | } |
| 42 | |
| 43 | } |
| 44 | |
| 45 | .header__functions-wrapper { |
| 46 | color: $white; |
| 47 | background: green; |
| 48 | padding: 1em 1.1em; |
| 49 | box-sizing: border-box; |
| 50 | display: block; |
| 51 | } |