| Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 1 | //Quick links block | 
|  | 2 | .quick-links { | 
|  | 3 | background-color: $lightgrey; | 
|  | 4 | padding: 1em 1.4em; | 
|  | 5 | font-size: .9em; | 
|  | 6 | font-weight: 400; | 
| Michael Davis | 8bf404d | 2017-07-20 17:11:52 -0500 | [diff] [blame] | 7 | margin: 1em 0; | 
|  | 8 | @include mediaQuery(medium) { | 
|  | 9 | margin: 0 0 0 1em; | 
|  | 10 | } | 
| Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 11 | a { | 
|  | 12 | color: $black; | 
|  | 13 | text-decoration: none; | 
|  | 14 | display: block; | 
|  | 15 | } | 
|  | 16 | p { | 
|  | 17 | margin-bottom: 0; | 
|  | 18 | } | 
|  | 19 | .event-log__events { | 
|  | 20 | margin-top: 0; | 
|  | 21 | } | 
|  | 22 | } | 
|  | 23 |  | 
|  | 24 | .quick-links__item { | 
|  | 25 | padding: 1em 0 1em 0; | 
|  | 26 | border-bottom: 1px solid $medgrey; | 
|  | 27 | position: relative; | 
|  | 28 | &:after { | 
|  | 29 | content: '\203A'; | 
|  | 30 | position: absolute; | 
|  | 31 | top: 50%; | 
|  | 32 | right: 0; | 
|  | 33 | font-size: 3em; | 
|  | 34 | color: lighten($darkgrey, 15%); | 
|  | 35 | transform: translateY(-50%); | 
|  | 36 | } | 
|  | 37 | &.no-icon { | 
|  | 38 | &:after { | 
|  | 39 | display: none; | 
|  | 40 | } | 
|  | 41 | } | 
|  | 42 | &:last-child { | 
|  | 43 | border-bottom: 0; | 
|  | 44 | } | 
| Michael Davis | 8bf404d | 2017-07-20 17:11:52 -0500 | [diff] [blame] | 45 | .float-right { | 
|  | 46 | display:inline-block; | 
|  | 47 | float: right; | 
|  | 48 | @media(min-width: 1024px) and (max-width: 1140px) { | 
|  | 49 | display: block; | 
|  | 50 | float: none; | 
|  | 51 | } | 
|  | 52 | } | 
| Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 53 | } | 
|  | 54 |  | 
|  | 55 | .quick-links__label { | 
|  | 56 | font-weight: 700; | 
|  | 57 | } | 
|  | 58 |  | 
|  | 59 | .quick-links__event-copy { | 
|  | 60 | color: $alert__error; | 
| Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 61 | margin-bottom: 0; | 
|  | 62 | font-weight: 700; | 
|  | 63 | font-size: .9em; | 
|  | 64 | a { | 
|  | 65 | color: $alert__error; | 
|  | 66 | } | 
|  | 67 | } | 
|  | 68 |  | 
|  | 69 | //toggle switch | 
|  | 70 | .quick-links__item .toggle label { | 
|  | 71 | transform: translateY(-2px); | 
|  | 72 | margin-right: 0; | 
|  | 73 | } |