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.transitionAll {
79  transition: all .5s ease;
80}
81
82//Uploading
83.uploading {
84  @include indeterminate-bar;
85  font-weight: 700;
86  padding: .2em 6em .2em 1em;
87  margin: .8em 0;
88  width: 100%;
89}
90
91.accessible-text {
92  clip: rect(1px, 1px, 1px, 1px);
93  clip-path: inset(50%);
94  height: 1px;
95  width: 1px;
96  margin: -1px;
97  overflow: hidden;
98  padding: 0;
99  position: absolute;
100}
101
102.show-scroll {
103  // Force scrollbar to always be visible in webkit browsers
104  &::-webkit-scrollbar {
105    background-color: $background-03;
106    width: 8px;
107  }
108
109  &::-webkit-scrollbar-thumb {
110    border-radius: 5px;
111    background-color: rgba(0,0,0,.5);
112    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
113  }
114}
115
116.flash {
117  animation-name: flash;
118  animation-timing-function: ease-out;
119  animation-duration: 1s;
120  -webkit-animation-name: flash;
121  -webkit-animation-timing-function: ease-out;
122  -webkit-animation-duration: 1s;
123  color: $primary-light;
124}
125@-webkit-keyframes flash {
126  from { background: $primary-accent; }
127  to  { background: none; }
128}
129
130@keyframes flash {
131  0% { background: $primary-accent; }
132  100% { background: none; }
133}