1//Quick links block 2.quick-links { 3 background-color: $lightgrey; 4 padding: 1em 1.4em; 5 font-size: .9em; 6 font-weight: 400; 7 a { 8 color: $black; 9 text-decoration: none; 10 display: block; 11 } 12 p { 13 margin-bottom: 0; 14 } 15 .event-log__events { 16 margin-top: 0; 17 } 18} 19 20.quick-links__item { 21 padding: 1em 0 1em 0; 22 border-bottom: 1px solid $medgrey; 23 position: relative; 24 &:after { 25 content: '\203A'; 26 position: absolute; 27 top: 50%; 28 right: 0; 29 font-size: 3em; 30 color: lighten($darkgrey, 15%); 31 transform: translateY(-50%); 32 } 33 &.no-icon { 34 &:after { 35 display: none; 36 } 37 } 38 &:last-child { 39 border-bottom: 0; 40 } 41} 42 43.quick-links__label { 44 font-weight: 700; 45} 46 47.quick-links__event-copy { 48 color: $alert__error; 49 margin-left: 1em; 50 margin-bottom: 0; 51 font-weight: 700; 52 font-size: .9em; 53 a { 54 color: $alert__error; 55 } 56} 57 58//toggle switch 59.quick-links__item .toggle label { 60 transform: translateY(-2px); 61 margin-right: 0; 62} 63