1//Quick links block
2.quick-links {
3  background-color: $background-02;
4  padding: 0.5em 1em;
5  font-size: 0.9em;
6  font-weight: 400;
7  margin: 1em 0;
8  @include mediaQuery(medium) {
9    margin: 0 0 0 1em;
10  }
11
12  a {
13    display: flex;
14    justify-content: space-between;
15    align-items: center;
16    color: $primary-dark;
17    text-decoration: none;
18  }
19
20  p {
21    margin-bottom: 0;
22  }
23
24  .event-log__events {
25    margin-top: 0;
26  }
27}
28
29.quick-links__item {
30  padding: 1em 0 1em 0;
31  border-bottom: 1px solid $border-color-01;
32  position: relative;
33
34  &.no-icon {
35    overflow: auto;
36
37    .bmc-time {
38      @include fontCourierBold;
39      text-align: right;
40      max-width: 17em;
41      float: right;
42
43      @include mediaQuery(medium) {
44        display: block;
45        text-align: left;
46        float: none;
47        margin-top: 0.25em;
48      }
49    }
50    &:after {
51      display: none;
52    }
53    .toggle-container {
54      float: right;
55    }
56  }
57  &:last-child {
58    border-bottom: 0;
59  }
60  .float-right {
61    float: right;
62    @media (min-width: 1024px) and (max-width: 1140px) {
63      display: block;
64      float: none;
65    }
66  }
67}
68
69.quick-links__label {
70  font-weight: 700;
71}
72
73.quick-links__event-copy {
74  color: $status-error;
75  margin-bottom: 0;
76  font-weight: 700;
77  font-size: 0.9em;
78  a {
79    color: $status-error;
80  }
81}
82