1 |
|
2 |
|
3 | @mixin clearfix() {
|
4 | &:after {
|
5 | content: '';
|
6 | display: table;
|
7 | clear: both;
|
8 | }
|
9 | }
|
10 |
|
11 | @mixin zoom() {
|
12 | transform: scale(1.05);
|
13 | }
|
14 |
|
15 | @mixin reset-button() {
|
16 | background: none;
|
17 | -webkit-appearance: none;
|
18 | font-family: inherit;
|
19 | font-size: inherit;
|
20 | line-height: 1;
|
21 | padding: 0;
|
22 | margin: 0;
|
23 | border: 0;
|
24 | color: inherit;
|
25 | }
|
26 |
|
27 | @mixin highlight-focus() {
|
28 | @include clear-focus();
|
29 |
|
30 | &:hover {
|
31 | color: darken($blue, 10%);
|
32 | }
|
33 |
|
34 | &:focus {
|
35 | background-color: $highlight;
|
36 | }
|
37 |
|
38 | [data-uppy-theme="dark"] &:focus {
|
39 | background-color: $gray-800;
|
40 | }
|
41 | }
|
42 |
|
43 | @mixin blue-border-focus() {
|
44 | @include clear-focus();
|
45 |
|
46 | &:focus {
|
47 | box-shadow: 0 0 0 3px rgba($blue, 0.5);
|
48 | }
|
49 | }
|
50 |
|
51 | @mixin blue-border-focus--dark() {
|
52 | @include clear-focus();
|
53 |
|
54 | &:focus {
|
55 | box-shadow: 0 0 0 2px rgba($lightblue, 0.85);
|
56 | }
|
57 | }
|
58 |
|
59 | @mixin clear-focus() {
|
60 | &:focus {
|
61 | outline: none;
|
62 | }
|
63 | &::-moz-focus-inner {
|
64 | border: 0;
|
65 | }
|
66 | }
|