blob: 9d6ea48e230ef790a17a63033e2cda33008c758d [file] [log] [blame]
Michael Davis005d6502017-06-09 13:51:05 -05001//Quick links block
2.quick-links {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -05003 background-color: $background-02;
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 {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -050012 color: $primary-dark;
Michael Davis005d6502017-06-09 13:51:05 -050013 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 Muranaka6f7ec802019-06-24 14:35:41 -050026 border-bottom: 1px solid $border-color-01;
Michael Davis005d6502017-06-09 13:51:05 -050027 position: relative;
28 &:after {
29 content: '\203A';
30 position: absolute;
31 top: 50%;
32 right: 0;
33 font-size: 3em;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -050034 color: $text-02;
Michael Davis005d6502017-06-09 13:51:05 -050035 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;
Yoshie Muranaka6a3b3b22019-05-16 16:46:21 -050042 float: right;
43 @include mediaQuery(medium) {
44 display: block;
45 text-align: left;
46 float: none;
47 margin-top: 0.25em;
48 }
beccabroek569ccf62018-10-29 13:46:53 -050049 }
Michael Davis005d6502017-06-09 13:51:05 -050050 &:after {
51 display: none;
52 }
53 }
54 &:last-child {
55 border-bottom: 0;
56 }
Michael Davis8bf404d2017-07-20 17:11:52 -050057 .float-right {
58 display:inline-block;
59 float: right;
60 @media(min-width: 1024px) and (max-width: 1140px) {
61 display: block;
62 float: none;
63 }
64 }
Michael Davis005d6502017-06-09 13:51:05 -050065}
66
67.quick-links__label {
68 font-weight: 700;
69}
70
71.quick-links__event-copy {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -050072 color: $status-error;
Michael Davis005d6502017-06-09 13:51:05 -050073 margin-bottom: 0;
74 font-weight: 700;
75 font-size: .9em;
76 a {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -050077 color: $status-error;
Michael Davis005d6502017-06-09 13:51:05 -050078 }
79}
80
81//toggle switch
82.quick-links__item .toggle label {
83 transform: translateY(-2px);
84 margin-right: 0;
85}