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