blob: aeb7f5f684bf9dfd867245e3016f7cd27add740f [file] [log] [blame]
Michael Davis005d6502017-06-09 13:51:05 -05001//Quick links block
2.quick-links {
3 background-color: $lightgrey;
beccabroek569ccf62018-10-29 13:46:53 -05004 padding: .5em 1em;
Michael Davis005d6502017-06-09 13:51:05 -05005 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 {
beccabroek569ccf62018-10-29 13:46:53 -050038 overflow: auto;
39 .bmc-time {
40 text-align: right;
41 max-width: 17em;
42 }
Michael Davis005d6502017-06-09 13:51:05 -050043 &:after {
44 display: none;
45 }
46 }
47 &:last-child {
48 border-bottom: 0;
49 }
Michael Davis8bf404d2017-07-20 17:11:52 -050050 .float-right {
51 display:inline-block;
52 float: right;
53 @media(min-width: 1024px) and (max-width: 1140px) {
54 display: block;
55 float: none;
56 }
57 }
Michael Davis005d6502017-06-09 13:51:05 -050058}
59
60.quick-links__label {
61 font-weight: 700;
62}
63
64.quick-links__event-copy {
65 color: $alert__error;
Michael Davis005d6502017-06-09 13:51:05 -050066 margin-bottom: 0;
67 font-weight: 700;
68 font-size: .9em;
69 a {
70 color: $alert__error;
71 }
72}
73
74//toggle switch
75.quick-links__item .toggle label {
76 transform: translateY(-2px);
77 margin-right: 0;
78}