|
1 | 1 | /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ |
2 | | -.input, |
3 | | -.select select { |
4 | | - -moz-appearance: none; |
5 | | - -webkit-appearance: none; |
6 | | - align-items: center; |
7 | | - border: 1px solid transparent; |
8 | | - border-radius: 4px; |
9 | | - box-shadow: none; |
10 | | - display: inline-flex; |
11 | | - font-size: 1rem; |
12 | | - height: 2.5em; |
13 | | - justify-content: flex-start; |
14 | | - line-height: 1.5; |
15 | | - padding-bottom: calc(0.5em - 1px); |
16 | | - padding-left: calc(0.75em - 1px); |
17 | | - padding-right: calc(0.75em - 1px); |
18 | | - padding-top: calc(0.5em - 1px); |
19 | | - position: relative; |
20 | | - vertical-align: top; |
21 | | -} |
22 | | -.input:active, |
23 | | -.input:focus, |
24 | | -.is-active.input, |
25 | | -.select select.is-active, |
26 | | -.select select:active, |
27 | | -.select select:focus { |
28 | | - outline: 0; |
29 | | -} |
30 | | -.input[disabled], |
31 | | -.select select[disabled] { |
32 | | - cursor: not-allowed; |
33 | | -} |
34 | | - |
35 | | -.file, |
36 | | -.navbar-link:not(.is-arrowless)::after, |
37 | | -.select:not(.is-multiple):not(.is-loading)::after { |
| 2 | +.navbar-link:not(.is-arrowless)::after { |
38 | 3 | border: 3px solid transparent; |
39 | 4 | border-radius: 2px; |
40 | 5 | border-right: 0; |
|
54 | 19 | .box:not(:last-child), |
55 | 20 | .content:not(:last-child), |
56 | 21 | .level:not(:last-child), |
57 | | -.message:not(:last-child), |
58 | 22 | .title:not(:last-child) { |
59 | 23 | margin-bottom: 1.5rem; |
60 | 24 | } |
61 | | -.delete { |
62 | | - -webkit-touch-callout: none; |
63 | | - -webkit-user-select: none; |
64 | | - -moz-user-select: none; |
65 | | - -ms-user-select: none; |
66 | | - user-select: none; |
67 | | - -moz-appearance: none; |
68 | | - -webkit-appearance: none; |
69 | | - background-color: rgba(10, 10, 10, 0.2); |
70 | | - border: none; |
71 | | - border-radius: 9999px; |
72 | | - cursor: pointer; |
73 | | - pointer-events: auto; |
74 | | - display: inline-block; |
75 | | - flex-grow: 0; |
76 | | - flex-shrink: 0; |
77 | | - font-size: 0; |
78 | | - height: 20px; |
79 | | - max-height: 20px; |
80 | | - max-width: 20px; |
81 | | - min-height: 20px; |
82 | | - min-width: 20px; |
83 | | - outline: 0; |
84 | | - position: relative; |
85 | | - vertical-align: top; |
86 | | - width: 20px; |
87 | | -} |
88 | | -.delete::after, |
89 | | -.delete::before { |
90 | | - background-color: #fff; |
91 | | - content: ""; |
92 | | - display: block; |
93 | | - left: 50%; |
94 | | - position: absolute; |
95 | | - top: 50%; |
96 | | - transform: translateX(-50%) translateY(-50%) rotate(45deg); |
97 | | - transform-origin: center center; |
98 | | -} |
99 | | -.delete::before { |
100 | | - height: 2px; |
101 | | - width: 50%; |
102 | | -} |
103 | | -.delete::after { |
104 | | - height: 50%; |
105 | | - width: 2px; |
106 | | -} |
107 | | -.delete:focus, |
108 | | -.delete:hover { |
109 | | - background-color: rgba(10, 10, 10, 0.3); |
110 | | -} |
111 | | -.delete:active { |
112 | | - background-color: rgba(10, 10, 10, 0.4); |
113 | | -} |
114 | | - |
115 | | -.loader { |
116 | | - -webkit-animation: spinAround 0.5s infinite linear; |
117 | | - animation: spinAround 0.5s infinite linear; |
118 | | - border: 2px solid #dbdbdb; |
119 | | - border-radius: 9999px; |
120 | | - border-right-color: transparent; |
121 | | - border-top-color: transparent; |
122 | | - content: ""; |
123 | | - display: block; |
124 | | - height: 1em; |
125 | | - position: relative; |
126 | | - width: 1em; |
127 | | -} |
128 | 25 | .navbar-burger { |
129 | 26 | -moz-appearance: none; |
130 | 27 | -webkit-appearance: none; |
@@ -226,205 +123,9 @@ a.box:active { |
226 | 123 | height: auto; |
227 | 124 | width: 100%; |
228 | 125 | } |
229 | | -.heading { |
230 | | - display: block; |
231 | | - font-size: 11px; |
232 | | - letter-spacing: 1px; |
233 | | - margin-bottom: 5px; |
234 | | - text-transform: uppercase; |
235 | | -} |
236 | | -.number { |
237 | | - align-items: center; |
238 | | - background-color: #f5f5f5; |
239 | | - border-radius: 9999px; |
240 | | - display: inline-flex; |
241 | | - font-size: 1.25rem; |
242 | | - height: 2em; |
243 | | - justify-content: center; |
244 | | - margin-right: 1.5rem; |
245 | | - min-width: 2.5em; |
246 | | - padding: 0.25rem 0.5rem; |
247 | | - text-align: center; |
248 | | - vertical-align: top; |
249 | | -} |
250 | | -.input, |
251 | | -.select select { |
252 | | - background-color: #fff; |
253 | | - border-color: #dbdbdb; |
254 | | - border-radius: 4px; |
255 | | - color: #363636; |
256 | | -} |
257 | | -.input::-moz-placeholder, |
258 | | -.select select::-moz-placeholder { |
259 | | - color: rgba(54, 54, 54, 0.3); |
260 | | -} |
261 | | -.input::-webkit-input-placeholder, |
262 | | -.select select::-webkit-input-placeholder { |
263 | | - color: rgba(54, 54, 54, 0.3); |
264 | | -} |
265 | | -.input:-moz-placeholder, |
266 | | -.select select:-moz-placeholder { |
267 | | - color: rgba(54, 54, 54, 0.3); |
268 | | -} |
269 | | -.input:-ms-input-placeholder, |
270 | | -.select select:-ms-input-placeholder { |
271 | | - color: rgba(54, 54, 54, 0.3); |
272 | | -} |
273 | | -.input:hover, |
274 | | -.select select:hover { |
275 | | - border-color: #b5b5b5; |
276 | | -} |
277 | | -.input:active, |
278 | | -.input:focus, |
279 | | -.is-active.input, |
280 | | -.select select.is-active, |
281 | | -.select select:active, |
282 | | -.select select:focus { |
283 | | - border-color: #485fc7; |
284 | | - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); |
285 | | -} |
286 | | -.input[disabled], |
287 | | -.select select[disabled] { |
288 | | - background-color: #f5f5f5; |
289 | | - border-color: #f5f5f5; |
290 | | - box-shadow: none; |
291 | | - color: #7a7a7a; |
292 | | -} |
293 | | -.input[disabled]::-moz-placeholder, |
294 | | -.select select[disabled]::-moz-placeholder { |
295 | | - color: rgba(122, 122, 122, 0.3); |
296 | | -} |
297 | | -.input[disabled]::-webkit-input-placeholder, |
298 | | -.select select[disabled]::-webkit-input-placeholder { |
299 | | - color: rgba(122, 122, 122, 0.3); |
300 | | -} |
301 | | -.input[disabled]:-moz-placeholder, |
302 | | -.select select[disabled]:-moz-placeholder { |
303 | | - color: rgba(122, 122, 122, 0.3); |
304 | | -} |
305 | | -.input[disabled]:-ms-input-placeholder, |
306 | | -.select select[disabled]:-ms-input-placeholder { |
307 | | - color: rgba(122, 122, 122, 0.3); |
308 | | -} |
309 | | -.input { |
310 | | - box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); |
311 | | - max-width: 100%; |
312 | | - width: 100%; |
313 | | -} |
314 | | -.input.is-static { |
315 | | - background-color: transparent; |
316 | | - border-color: transparent; |
317 | | - box-shadow: none; |
318 | | - padding-left: 0; |
319 | | - padding-right: 0; |
320 | | -} |
321 | | - |
322 | | -.radio { |
323 | | - cursor: pointer; |
324 | | - display: inline-block; |
325 | | - line-height: 1.25; |
326 | | - position: relative; |
327 | | -} |
328 | | - |
329 | | -.radio input { |
330 | | - cursor: pointer; |
331 | | -} |
332 | | - |
333 | | -.radio:hover { |
334 | | - color: #363636; |
335 | | -} |
336 | | - |
337 | | -.radio input[disabled], |
338 | | -.radio[disabled] { |
339 | | - color: #7a7a7a; |
340 | | - cursor: not-allowed; |
341 | | -} |
342 | | -.radio + .radio { |
343 | | - margin-left: 0.5em; |
344 | | -} |
345 | | -.select { |
346 | | - display: inline-block; |
347 | | - max-width: 100%; |
348 | | - position: relative; |
349 | | - vertical-align: top; |
350 | | -} |
351 | | -.select:not(.is-multiple) { |
352 | | - height: 2.5em; |
353 | | -} |
354 | | -.select:not(.is-multiple):not(.is-loading)::after { |
355 | | - border-color: #485fc7; |
356 | | - right: 1.125em; |
357 | | - z-index: 4; |
358 | | -} |
359 | | -.select select { |
360 | | - cursor: pointer; |
361 | | - display: block; |
362 | | - font-size: 1em; |
363 | | - max-width: 100%; |
364 | | - outline: 0; |
365 | | -} |
366 | | -.select select::-ms-expand { |
367 | | - display: none; |
368 | | -} |
369 | | -.select select[disabled]:hover { |
370 | | - border-color: #f5f5f5; |
371 | | -} |
372 | | -.select select:not([multiple]) { |
373 | | - padding-right: 2.5em; |
374 | | -} |
375 | | -.select select[multiple] { |
376 | | - height: auto; |
377 | | - padding: 0; |
378 | | -} |
379 | | -.select select[multiple] option { |
380 | | - padding: 0.5em 1em; |
381 | | -} |
382 | | -.select:not(.is-multiple):not(.is-loading):hover::after { |
383 | | - border-color: #363636; |
384 | | -} |
385 | | -.file { |
386 | | - align-items: stretch; |
387 | | - display: flex; |
388 | | - justify-content: flex-start; |
389 | | - position: relative; |
390 | | -} |
391 | | -.label { |
392 | | - color: #363636; |
393 | | - display: block; |
394 | | - font-size: 1rem; |
395 | | - font-weight: 700; |
396 | | -} |
397 | | -.label:not(:last-child) { |
398 | | - margin-bottom: 0.5em; |
399 | | -} |
400 | | -.help { |
401 | | - display: block; |
402 | | - font-size: 0.75rem; |
403 | | - margin-top: 0.25rem; |
404 | | -} |
405 | 126 | .field:not(:last-child) { |
406 | 127 | margin-bottom: 0.75rem; |
407 | 128 | } |
408 | | -.control { |
409 | | - box-sizing: border-box; |
410 | | - clear: both; |
411 | | - font-size: 1rem; |
412 | | - position: relative; |
413 | | - text-align: inherit; |
414 | | -} |
415 | | -.card { |
416 | | - background-color: #fff; |
417 | | - border-radius: 0.25rem; |
418 | | - box-shadow: |
419 | | - 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), |
420 | | - 0 0 0 1px rgba(10, 10, 10, 0.02); |
421 | | - color: #4a4a4a; |
422 | | - max-width: 100%; |
423 | | - position: relative; |
424 | | -} |
425 | | -.card .media:not(:last-child) { |
426 | | - margin-bottom: 1.5rem; |
427 | | -} |
428 | 129 | .level { |
429 | 130 | align-items: center; |
430 | 131 | justify-content: space-between; |
@@ -471,49 +172,6 @@ a.box:active { |
471 | 172 | margin-bottom: 0.75rem; |
472 | 173 | } |
473 | 174 | } |
474 | | -.media { |
475 | | - align-items: flex-start; |
476 | | - display: flex; |
477 | | - text-align: inherit; |
478 | | -} |
479 | | -.media .content:not(:last-child) { |
480 | | - margin-bottom: 0.75rem; |
481 | | -} |
482 | | -.media .media { |
483 | | - border-top: 1px solid rgba(219, 219, 219, 0.5); |
484 | | - display: flex; |
485 | | - padding-top: 0.75rem; |
486 | | -} |
487 | | -.media .media .content:not(:last-child), |
488 | | -.media .media .control:not(:last-child) { |
489 | | - margin-bottom: 0.5rem; |
490 | | -} |
491 | | -.media .media .media { |
492 | | - padding-top: 0.5rem; |
493 | | -} |
494 | | -.media .media .media + .media { |
495 | | - margin-top: 0.5rem; |
496 | | -} |
497 | | -.media + .media { |
498 | | - border-top: 1px solid rgba(219, 219, 219, 0.5); |
499 | | - margin-top: 1rem; |
500 | | - padding-top: 1rem; |
501 | | -} |
502 | | -.menu { |
503 | | - font-size: 1rem; |
504 | | -} |
505 | | -.message { |
506 | | - background-color: #f5f5f5; |
507 | | - border-radius: 4px; |
508 | | - font-size: 1rem; |
509 | | -} |
510 | | -.message strong { |
511 | | - color: currentColor; |
512 | | -} |
513 | | -.message a:not(.button):not(.dropdown-item) { |
514 | | - color: currentColor; |
515 | | - text-decoration: underline; |
516 | | -} |
517 | 175 | .navbar > .container { |
518 | 176 | align-items: stretch; |
519 | 177 | display: flex; |
|
0 commit comments