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  dl,
22  dd {
23    margin-bottom: 0;
24  }
25
26  .event-log__events {
27    margin-top: 0;
28  }
29}
30
31.quick-links__item {
32  padding: 1em 0 1em 0;
33  border-bottom: 1px solid $border-color-01;
34  position: relative;
35
36  .icon {
37    height: 1.5rem;
38  }
39
40  &.no-icon {
41    overflow: auto;
42
43    .bmc-time {
44      @include fontCourierBold;
45      text-align: right;
46      max-width: 17em;
47      float: right;
48
49      @include mediaQuery(medium) {
50        display: block;
51        text-align: left;
52        float: none;
53        margin-top: 0.25em;
54      }
55    }
56    &:after {
57      display: none;
58    }
59    .toggle-container {
60      float: right;
61    }
62  }
63  &:last-child {
64    border-bottom: 0;
65  }
66  .float-right {
67    float: right;
68    @media (min-width: 1024px) and (max-width: 1140px) {
69      display: block;
70      float: none;
71    }
72  }
73}
74
75.quick-links__label {
76  font-weight: 700;
77}
78
79.quick-links__event-copy {
80  color: $status-error;
81  margin-bottom: 0;
82  font-weight: 700;
83  font-size: 0.9em;
84  a {
85    color: $status-error;
86  }
87}
88