blob: 25dab0f699882fd7ebe7983204dae3eef8203b6f [file] [log] [blame]
Michael Davis005d6502017-06-09 13:51:05 -05001//Quick links block
2.quick-links {
3 background-color: $lightgrey;
4 padding: 1em 1.4em;
5 font-size: .9em;
6 font-weight: 400;
Michael Davis8bf404d2017-07-20 17:11:52 -05007 margin: 1em 0;
8 @include mediaQuery(medium) {
9 margin: 0 0 0 1em;
10 }
Michael Davis005d6502017-06-09 13:51:05 -050011 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 Davis8bf404d2017-07-20 17:11:52 -050045 .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 Davis005d6502017-06-09 13:51:05 -050053}
54
55.quick-links__label {
56 font-weight: 700;
57}
58
59.quick-links__event-copy {
60 color: $alert__error;
Michael Davis005d6502017-06-09 13:51:05 -050061 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}