UNPKG

4.7 kBCSSView Raw
1/**
2* General Uppy styles that apply to everything inside the .uppy-Root container
3*/
4.uppy-Root {
5 box-sizing: border-box;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
7 line-height: 1;
8 -webkit-font-smoothing: antialiased;
9 -moz-osx-font-smoothing: grayscale;
10 text-align: left;
11 position: relative;
12 color: #333; }
13
14.uppy-Root *, .uppy-Root *:before, .uppy-Root *:after {
15 box-sizing: inherit; }
16
17.uppy-Root [hidden] {
18 display: none; }
19
20.uppy-u-reset {
21 -webkit-appearance: none;
22 line-height: 1;
23 padding: 0;
24 margin: 0;
25 border: 0;
26 color: inherit;
27 -webkit-backface-visibility: visible;
28 backface-visibility: visible;
29 background: none;
30 border: medium none currentColor;
31 border-collapse: separate;
32 border-image: none;
33 border-radius: 0;
34 border-spacing: 0;
35 box-shadow: none;
36 clear: none;
37 cursor: auto;
38 display: inline;
39 empty-cells: show;
40 float: none;
41 font-family: inherit;
42 font-size: inherit;
43 font-style: normal;
44 font-variant: normal;
45 font-weight: normal;
46 font-stretch: normal;
47 -webkit-hyphens: none;
48 -ms-hyphens: none;
49 hyphens: none;
50 left: auto;
51 letter-spacing: normal;
52 list-style: none;
53 margin: 0;
54 max-height: none;
55 max-width: none;
56 min-height: 0;
57 min-width: 0;
58 opacity: 1;
59 outline: medium none invert;
60 overflow: visible;
61 overflow-x: visible;
62 overflow-y: visible;
63 text-align: left;
64 text-decoration: none;
65 text-indent: 0;
66 text-shadow: none;
67 text-transform: none;
68 top: auto;
69 transform: none;
70 transform-origin: 50% 50% 0;
71 transform-style: flat;
72 transition: none 0s ease 0s;
73 unicode-bidi: normal;
74 vertical-align: baseline;
75 visibility: visible;
76 white-space: normal;
77 z-index: auto; }
78
79.uppy-c-textInput {
80 border: 1px solid #ddd;
81 border-radius: 4px;
82 font-size: 14px;
83 line-height: 1.5;
84 padding: 6px 8px;
85 background-color: #fff; }
86 .uppy-size--md .uppy-c-textInput {
87 padding: 8px 10px; }
88 .uppy-c-textInput:focus {
89 border-color: rgba(34, 117, 215, 0.6);
90 outline: none;
91 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15); }
92 [data-uppy-theme="dark"] .uppy-c-textInput {
93 background-color: #333;
94 border-color: #333;
95 color: #eaeaea; }
96 [data-uppy-theme="dark"] .uppy-c-textInput:focus {
97 border-color: #525252;
98 box-shadow: none; }
99
100.uppy-c-icon {
101 max-width: 100%;
102 max-height: 100%;
103 fill: currentColor;
104 display: inline-block;
105 overflow: hidden; }
106
107.uppy-c-btn {
108 display: inline-block;
109 text-align: center;
110 white-space: nowrap;
111 vertical-align: middle;
112 font-family: inherit;
113 font-size: 16px;
114 line-height: 1;
115 font-weight: 500;
116 transition-property: background-color, color;
117 transition-duration: 0.3s;
118 -webkit-user-select: none;
119 -moz-user-select: none;
120 -ms-user-select: none;
121 user-select: none; }
122
123.uppy-c-btn:not(:disabled):not(.disabled) {
124 cursor: pointer; }
125
126.uppy-c-btn::-moz-focus-inner {
127 border: 0; }
128
129.uppy-c-btn-primary {
130 font-size: 14px;
131 padding: 10px 18px;
132 border-radius: 4px;
133 background-color: #2275d7;
134 color: #fff; }
135 .uppy-c-btn-primary:hover {
136 background-color: #1b5dab; }
137 .uppy-c-btn-primary:focus {
138 outline: none;
139 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4); }
140 .uppy-size--md .uppy-c-btn-primary {
141 padding: 13px 22px; }
142 [data-uppy-theme="dark"] .uppy-c-btn-primary {
143 color: #eaeaea; }
144 [data-uppy-theme="dark"] .uppy-c-btn-primary:focus {
145 outline: none; }
146 [data-uppy-theme="dark"] .uppy-c-btn-primary::-moz-focus-inner {
147 border: 0; }
148 [data-uppy-theme="dark"] .uppy-c-btn-primary:focus {
149 box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
150
151.uppy-c-btn-link {
152 font-size: 14px;
153 line-height: 1;
154 padding: 10px 15px;
155 border-radius: 4px;
156 background-color: transparent;
157 color: #525252; }
158 .uppy-c-btn-link:hover {
159 color: #333; }
160 .uppy-c-btn-link:focus {
161 outline: none;
162 box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25); }
163 .uppy-size--md .uppy-c-btn-link {
164 padding: 13px 18px; }
165 [data-uppy-theme="dark"] .uppy-c-btn-link {
166 color: #eaeaea; }
167 [data-uppy-theme="dark"] .uppy-c-btn-link:focus {
168 outline: none; }
169 [data-uppy-theme="dark"] .uppy-c-btn-link::-moz-focus-inner {
170 border: 0; }
171 [data-uppy-theme="dark"] .uppy-c-btn-link:focus {
172 box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }
173 [data-uppy-theme="dark"] .uppy-c-btn-link:hover {
174 color: #939393; }
175
176.uppy-c-btn--small {
177 font-size: 0.9em;
178 padding: 7px 16px;
179 border-radius: 2px; }
180 .uppy-size--md .uppy-c-btn--small {
181 padding: 8px 10px;
182 border-radius: 2px; }