1//Quick links block
2.quick-links {
3  background-color: $lightgrey;
4  padding: .5em 1em;
5  font-size: .9em;
6  font-weight: 400;
7  margin: 1em 0;
8  @include mediaQuery(medium) {
9    margin: 0 0 0 1em;
10  }
11  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 {
38    overflow: auto;
39    .bmc-time {
40      text-align: right;
41      max-width: 17em;
42    }
43    &:after {
44      display: none;
45    }
46  }
47  &:last-child {
48    border-bottom: 0;
49  }
50  .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  }
58}
59
60.quick-links__label {
61  font-weight: 700;
62}
63
64.quick-links__event-copy {
65  color: $alert__error;
66  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}
79