Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 1 | //Quick links block |
2 | .quick-links { | ||||
Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 3 | background-color: $background-02; |
beccabroek | 569ccf6 | 2018-10-29 13:46:53 -0500 | [diff] [blame] | 4 | padding: .5em 1em; |
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 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 { |
Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 12 | color: $primary-dark; |
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 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; | ||||
Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 26 | border-bottom: 1px solid $border-color-01; |
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 27 | position: relative; |
28 | &:after { | ||||
29 | content: '\203A'; | ||||
30 | position: absolute; | ||||
31 | top: 50%; | ||||
32 | right: 0; | ||||
33 | font-size: 3em; | ||||
Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 34 | color: $text-02; |
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 35 | transform: translateY(-50%); |
36 | } | ||||
37 | &.no-icon { | ||||
beccabroek | 569ccf6 | 2018-10-29 13:46:53 -0500 | [diff] [blame] | 38 | overflow: auto; |
39 | .bmc-time { | ||||
40 | text-align: right; | ||||
41 | max-width: 17em; | ||||
Yoshie Muranaka | 6a3b3b2 | 2019-05-16 16:46:21 -0500 | [diff] [blame] | 42 | float: right; |
43 | @include mediaQuery(medium) { | ||||
44 | display: block; | ||||
45 | text-align: left; | ||||
46 | float: none; | ||||
47 | margin-top: 0.25em; | ||||
48 | } | ||||
beccabroek | 569ccf6 | 2018-10-29 13:46:53 -0500 | [diff] [blame] | 49 | } |
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 50 | &:after { |
51 | display: none; | ||||
52 | } | ||||
Dixsie Wolmers | c652ed1 | 2019-07-19 13:03:28 -0500 | [diff] [blame^] | 53 | .toggle-container { |
54 | float: right; | ||||
55 | } | ||||
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 56 | } |
57 | &:last-child { | ||||
58 | border-bottom: 0; | ||||
59 | } | ||||
Michael Davis | 8bf404d | 2017-07-20 17:11:52 -0500 | [diff] [blame] | 60 | .float-right { |
Michael Davis | 8bf404d | 2017-07-20 17:11:52 -0500 | [diff] [blame] | 61 | float: right; |
62 | @media(min-width: 1024px) and (max-width: 1140px) { | ||||
63 | display: block; | ||||
64 | float: none; | ||||
65 | } | ||||
66 | } | ||||
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 67 | } |
68 | |||||
69 | .quick-links__label { | ||||
70 | font-weight: 700; | ||||
71 | } | ||||
72 | |||||
73 | .quick-links__event-copy { | ||||
Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 74 | color: $status-error; |
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 75 | margin-bottom: 0; |
76 | font-weight: 700; | ||||
77 | font-size: .9em; | ||||
78 | a { | ||||
Yoshie Muranaka | 6f7ec80 | 2019-06-24 14:35:41 -0500 | [diff] [blame] | 79 | color: $status-error; |
Michael Davis | 005d650 | 2017-06-09 13:51:05 -0500 | [diff] [blame] | 80 | } |
81 | } |