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}