1.inline {
2  display: inline-block;
3}
4
5.disabled {
6  &:hover {
7    cursor: default;
8    text-decoration: none;
9  }
10}
11
12.float-right {
13  float: right;
14}
15.clear-float {
16  &::after {
17    content: " ";
18    display: block;
19    clear: both;
20  }
21}
22.error {
23  color: $status-error;
24}
25
26.hide {
27  display: none;
28}
29
30.show {
31  display: block;
32}
33
34.close {
35  color: $primary-accent;
36  font-size: 1.5em;
37  padding: 1em;
38  box-sizing: border-box;
39  line-height: 0;
40  display: flex;
41  justify-content: center;
42  flex-direction: column;
43  background: transparent;
44  border: 0px;
45  margin: 0;
46  &:hover {
47    color: $text-03;
48    background: transparent;
49  }
50}
51
52.fixed {
53  position:fixed;
54  top:130px;
55  z-index:200;
56}
57
58.bold {
59  font-weight: 700;
60}
61
62.no-margin {
63  margin: 0 !important;
64}
65
66.no-padding {
67  padding:0 !important;
68}
69
70.no-bottom-margin {
71  margin-bottom: 0 !important;
72}
73
74.no-top-margin {
75  margin-top: 0 !important;
76}
77
78.btm-border-grey {
79  border-bottom: 1px solid $border-color-02;
80}
81
82.transitionAll {
83  transition: all .5s ease;
84}
85
86//Uploading
87.uploading {
88  @include indeterminate-bar;
89  font-weight: 700;
90  padding: .2em 6em .2em 1em;
91  margin: .8em 0;
92  width: 100%;
93}
94
95.accessible-text {
96  clip: rect(1px, 1px, 1px, 1px);
97  clip-path: inset(50%);
98  height: 1px;
99  width: 1px;
100  margin: -1px;
101  overflow: hidden;
102  padding: 0;
103  position: absolute;
104}
105
106.show-scroll {
107  // Force scrollbar to always be visible in webkit browsers
108  &::-webkit-scrollbar {
109    background-color: $background-03;
110    width: 8px;
111  }
112
113  &::-webkit-scrollbar-thumb {
114    border-radius: 5px;
115    background-color: rgba(0,0,0,.5);
116    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
117  }
118}
119
120.flash {
121  animation-name: flash;
122  animation-timing-function: ease-out;
123  animation-duration: 1s;
124  -webkit-animation-name: flash;
125  -webkit-animation-timing-function: ease-out;
126  -webkit-animation-duration: 1s;
127  color: $primary-light;
128}
129@-webkit-keyframes flash {
130  from { background: $primary-accent; }
131  to  { background: none; }
132}
133
134@keyframes flash {
135  0% { background: $primary-accent; }
136  100% { background: none; }
137}