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