bulma-clean-theme 0.3 → 0.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,5 +1,5 @@
1
1
  @charset "utf-8"
2
- /*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */
2
+ /*! bulma.io v0.7.4 | MIT License | github.com/jgthms/bulma */
3
3
  @import "sass/utilities/_all"
4
4
  @import "sass/base/_all"
5
5
  @import "sass/elements/_all"
@@ -1,4 +1,4 @@
1
- /*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */
1
+ /*! bulma.io v0.7.4 | MIT License | github.com/jgthms/bulma */
2
2
  @-webkit-keyframes spinAround {
3
3
  from {
4
4
  -webkit-transform: rotate(0deg);
@@ -150,7 +150,23 @@
150
150
  width: 1em;
151
151
  }
152
152
 
153
- .is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video {
153
+ .is-overlay, .image.is-square img,
154
+ .image.is-square .has-ratio, .image.is-1by1 img,
155
+ .image.is-1by1 .has-ratio, .image.is-5by4 img,
156
+ .image.is-5by4 .has-ratio, .image.is-4by3 img,
157
+ .image.is-4by3 .has-ratio, .image.is-3by2 img,
158
+ .image.is-3by2 .has-ratio, .image.is-5by3 img,
159
+ .image.is-5by3 .has-ratio, .image.is-16by9 img,
160
+ .image.is-16by9 .has-ratio, .image.is-2by1 img,
161
+ .image.is-2by1 .has-ratio, .image.is-3by1 img,
162
+ .image.is-3by1 .has-ratio, .image.is-4by5 img,
163
+ .image.is-4by5 .has-ratio, .image.is-3by4 img,
164
+ .image.is-3by4 .has-ratio, .image.is-2by3 img,
165
+ .image.is-2by3 .has-ratio, .image.is-3by5 img,
166
+ .image.is-3by5 .has-ratio, .image.is-9by16 img,
167
+ .image.is-9by16 .has-ratio, .image.is-1by2 img,
168
+ .image.is-1by2 .has-ratio, .image.is-1by3 img,
169
+ .image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video {
154
170
  bottom: 0;
155
171
  left: 0;
156
172
  position: absolute;
@@ -212,11 +228,22 @@
212
228
  .file-name[disabled], .pagination-previous[disabled],
213
229
  .pagination-next[disabled],
214
230
  .pagination-link[disabled],
215
- .pagination-ellipsis[disabled] {
231
+ .pagination-ellipsis[disabled],
232
+ fieldset[disabled] .button,
233
+ fieldset[disabled] .input,
234
+ fieldset[disabled] .textarea,
235
+ fieldset[disabled] .select select,
236
+ .select fieldset[disabled] select,
237
+ fieldset[disabled] .file-cta,
238
+ fieldset[disabled] .file-name,
239
+ fieldset[disabled] .pagination-previous,
240
+ fieldset[disabled] .pagination-next,
241
+ fieldset[disabled] .pagination-link,
242
+ fieldset[disabled] .pagination-ellipsis {
216
243
  cursor: not-allowed;
217
244
  }
218
245
 
219
- /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
246
+ /*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
220
247
  html,
221
248
  body,
222
249
  p,
@@ -274,12 +301,18 @@ html {
274
301
  }
275
302
 
276
303
  img,
277
- audio,
304
+ embed,
305
+ iframe,
306
+ object,
278
307
  video {
279
308
  height: auto;
280
309
  max-width: 100%;
281
310
  }
282
311
 
312
+ audio {
313
+ max-width: 100%;
314
+ }
315
+
283
316
  iframe {
284
317
  border: 0;
285
318
  }
@@ -396,6 +429,10 @@ strong {
396
429
  font-weight: 700;
397
430
  }
398
431
 
432
+ fieldset {
433
+ border: none;
434
+ }
435
+
399
436
  pre {
400
437
  -webkit-overflow-scrolling: touch;
401
438
  background-color: whitesmoke;
@@ -1070,6 +1107,26 @@ a.has-text-danger:hover, a.has-text-danger:focus {
1070
1107
  font-weight: 700 !important;
1071
1108
  }
1072
1109
 
1110
+ .is-family-primary {
1111
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
1112
+ }
1113
+
1114
+ .is-family-secondary {
1115
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
1116
+ }
1117
+
1118
+ .is-family-sans-serif {
1119
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
1120
+ }
1121
+
1122
+ .is-family-monospace {
1123
+ font-family: monospace !important;
1124
+ }
1125
+
1126
+ .is-family-code {
1127
+ font-family: monospace !important;
1128
+ }
1129
+
1073
1130
  .is-block {
1074
1131
  display: block !important;
1075
1132
  }
@@ -1595,7 +1652,8 @@ a.box:active {
1595
1652
  color: #363636;
1596
1653
  }
1597
1654
 
1598
- .button.is-text[disabled] {
1655
+ .button.is-text[disabled],
1656
+ fieldset[disabled] .button.is-text {
1599
1657
  background-color: transparent;
1600
1658
  border-color: transparent;
1601
1659
  box-shadow: none;
@@ -1628,7 +1686,8 @@ a.box:active {
1628
1686
  color: #0a0a0a;
1629
1687
  }
1630
1688
 
1631
- .button.is-white[disabled] {
1689
+ .button.is-white[disabled],
1690
+ fieldset[disabled] .button.is-white {
1632
1691
  background-color: white;
1633
1692
  border-color: transparent;
1634
1693
  box-shadow: none;
@@ -1643,7 +1702,8 @@ a.box:active {
1643
1702
  background-color: black;
1644
1703
  }
1645
1704
 
1646
- .button.is-white.is-inverted[disabled] {
1705
+ .button.is-white.is-inverted[disabled],
1706
+ fieldset[disabled] .button.is-white.is-inverted {
1647
1707
  background-color: #0a0a0a;
1648
1708
  border-color: transparent;
1649
1709
  box-shadow: none;
@@ -1670,7 +1730,8 @@ a.box:active {
1670
1730
  border-color: transparent transparent white white !important;
1671
1731
  }
1672
1732
 
1673
- .button.is-white.is-outlined[disabled] {
1733
+ .button.is-white.is-outlined[disabled],
1734
+ fieldset[disabled] .button.is-white.is-outlined {
1674
1735
  background-color: transparent;
1675
1736
  border-color: white;
1676
1737
  box-shadow: none;
@@ -1688,7 +1749,8 @@ a.box:active {
1688
1749
  color: white;
1689
1750
  }
1690
1751
 
1691
- .button.is-white.is-inverted.is-outlined[disabled] {
1752
+ .button.is-white.is-inverted.is-outlined[disabled],
1753
+ fieldset[disabled] .button.is-white.is-inverted.is-outlined {
1692
1754
  background-color: transparent;
1693
1755
  border-color: #0a0a0a;
1694
1756
  box-shadow: none;
@@ -1722,7 +1784,8 @@ a.box:active {
1722
1784
  color: white;
1723
1785
  }
1724
1786
 
1725
- .button.is-black[disabled] {
1787
+ .button.is-black[disabled],
1788
+ fieldset[disabled] .button.is-black {
1726
1789
  background-color: #0a0a0a;
1727
1790
  border-color: transparent;
1728
1791
  box-shadow: none;
@@ -1737,7 +1800,8 @@ a.box:active {
1737
1800
  background-color: #f2f2f2;
1738
1801
  }
1739
1802
 
1740
- .button.is-black.is-inverted[disabled] {
1803
+ .button.is-black.is-inverted[disabled],
1804
+ fieldset[disabled] .button.is-black.is-inverted {
1741
1805
  background-color: white;
1742
1806
  border-color: transparent;
1743
1807
  box-shadow: none;
@@ -1764,7 +1828,8 @@ a.box:active {
1764
1828
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
1765
1829
  }
1766
1830
 
1767
- .button.is-black.is-outlined[disabled] {
1831
+ .button.is-black.is-outlined[disabled],
1832
+ fieldset[disabled] .button.is-black.is-outlined {
1768
1833
  background-color: transparent;
1769
1834
  border-color: #0a0a0a;
1770
1835
  box-shadow: none;
@@ -1782,7 +1847,8 @@ a.box:active {
1782
1847
  color: #0a0a0a;
1783
1848
  }
1784
1849
 
1785
- .button.is-black.is-inverted.is-outlined[disabled] {
1850
+ .button.is-black.is-inverted.is-outlined[disabled],
1851
+ fieldset[disabled] .button.is-black.is-inverted.is-outlined {
1786
1852
  background-color: transparent;
1787
1853
  border-color: white;
1788
1854
  box-shadow: none;
@@ -1816,7 +1882,8 @@ a.box:active {
1816
1882
  color: #363636;
1817
1883
  }
1818
1884
 
1819
- .button.is-light[disabled] {
1885
+ .button.is-light[disabled],
1886
+ fieldset[disabled] .button.is-light {
1820
1887
  background-color: whitesmoke;
1821
1888
  border-color: transparent;
1822
1889
  box-shadow: none;
@@ -1831,7 +1898,8 @@ a.box:active {
1831
1898
  background-color: #292929;
1832
1899
  }
1833
1900
 
1834
- .button.is-light.is-inverted[disabled] {
1901
+ .button.is-light.is-inverted[disabled],
1902
+ fieldset[disabled] .button.is-light.is-inverted {
1835
1903
  background-color: #363636;
1836
1904
  border-color: transparent;
1837
1905
  box-shadow: none;
@@ -1858,7 +1926,8 @@ a.box:active {
1858
1926
  border-color: transparent transparent whitesmoke whitesmoke !important;
1859
1927
  }
1860
1928
 
1861
- .button.is-light.is-outlined[disabled] {
1929
+ .button.is-light.is-outlined[disabled],
1930
+ fieldset[disabled] .button.is-light.is-outlined {
1862
1931
  background-color: transparent;
1863
1932
  border-color: whitesmoke;
1864
1933
  box-shadow: none;
@@ -1876,7 +1945,8 @@ a.box:active {
1876
1945
  color: whitesmoke;
1877
1946
  }
1878
1947
 
1879
- .button.is-light.is-inverted.is-outlined[disabled] {
1948
+ .button.is-light.is-inverted.is-outlined[disabled],
1949
+ fieldset[disabled] .button.is-light.is-inverted.is-outlined {
1880
1950
  background-color: transparent;
1881
1951
  border-color: #363636;
1882
1952
  box-shadow: none;
@@ -1910,7 +1980,8 @@ a.box:active {
1910
1980
  color: whitesmoke;
1911
1981
  }
1912
1982
 
1913
- .button.is-dark[disabled] {
1983
+ .button.is-dark[disabled],
1984
+ fieldset[disabled] .button.is-dark {
1914
1985
  background-color: #363636;
1915
1986
  border-color: transparent;
1916
1987
  box-shadow: none;
@@ -1925,7 +1996,8 @@ a.box:active {
1925
1996
  background-color: #e8e8e8;
1926
1997
  }
1927
1998
 
1928
- .button.is-dark.is-inverted[disabled] {
1999
+ .button.is-dark.is-inverted[disabled],
2000
+ fieldset[disabled] .button.is-dark.is-inverted {
1929
2001
  background-color: whitesmoke;
1930
2002
  border-color: transparent;
1931
2003
  box-shadow: none;
@@ -1952,7 +2024,8 @@ a.box:active {
1952
2024
  border-color: transparent transparent #363636 #363636 !important;
1953
2025
  }
1954
2026
 
1955
- .button.is-dark.is-outlined[disabled] {
2027
+ .button.is-dark.is-outlined[disabled],
2028
+ fieldset[disabled] .button.is-dark.is-outlined {
1956
2029
  background-color: transparent;
1957
2030
  border-color: #363636;
1958
2031
  box-shadow: none;
@@ -1970,7 +2043,8 @@ a.box:active {
1970
2043
  color: #363636;
1971
2044
  }
1972
2045
 
1973
- .button.is-dark.is-inverted.is-outlined[disabled] {
2046
+ .button.is-dark.is-inverted.is-outlined[disabled],
2047
+ fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
1974
2048
  background-color: transparent;
1975
2049
  border-color: whitesmoke;
1976
2050
  box-shadow: none;
@@ -2004,7 +2078,8 @@ a.box:active {
2004
2078
  color: #fff;
2005
2079
  }
2006
2080
 
2007
- .button.is-primary[disabled] {
2081
+ .button.is-primary[disabled],
2082
+ fieldset[disabled] .button.is-primary {
2008
2083
  background-color: #00d1b2;
2009
2084
  border-color: transparent;
2010
2085
  box-shadow: none;
@@ -2019,7 +2094,8 @@ a.box:active {
2019
2094
  background-color: #f2f2f2;
2020
2095
  }
2021
2096
 
2022
- .button.is-primary.is-inverted[disabled] {
2097
+ .button.is-primary.is-inverted[disabled],
2098
+ fieldset[disabled] .button.is-primary.is-inverted {
2023
2099
  background-color: #fff;
2024
2100
  border-color: transparent;
2025
2101
  box-shadow: none;
@@ -2046,7 +2122,8 @@ a.box:active {
2046
2122
  border-color: transparent transparent #00d1b2 #00d1b2 !important;
2047
2123
  }
2048
2124
 
2049
- .button.is-primary.is-outlined[disabled] {
2125
+ .button.is-primary.is-outlined[disabled],
2126
+ fieldset[disabled] .button.is-primary.is-outlined {
2050
2127
  background-color: transparent;
2051
2128
  border-color: #00d1b2;
2052
2129
  box-shadow: none;
@@ -2064,7 +2141,8 @@ a.box:active {
2064
2141
  color: #00d1b2;
2065
2142
  }
2066
2143
 
2067
- .button.is-primary.is-inverted.is-outlined[disabled] {
2144
+ .button.is-primary.is-inverted.is-outlined[disabled],
2145
+ fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
2068
2146
  background-color: transparent;
2069
2147
  border-color: #fff;
2070
2148
  box-shadow: none;
@@ -2098,7 +2176,8 @@ a.box:active {
2098
2176
  color: #fff;
2099
2177
  }
2100
2178
 
2101
- .button.is-link[disabled] {
2179
+ .button.is-link[disabled],
2180
+ fieldset[disabled] .button.is-link {
2102
2181
  background-color: #3273dc;
2103
2182
  border-color: transparent;
2104
2183
  box-shadow: none;
@@ -2113,7 +2192,8 @@ a.box:active {
2113
2192
  background-color: #f2f2f2;
2114
2193
  }
2115
2194
 
2116
- .button.is-link.is-inverted[disabled] {
2195
+ .button.is-link.is-inverted[disabled],
2196
+ fieldset[disabled] .button.is-link.is-inverted {
2117
2197
  background-color: #fff;
2118
2198
  border-color: transparent;
2119
2199
  box-shadow: none;
@@ -2140,7 +2220,8 @@ a.box:active {
2140
2220
  border-color: transparent transparent #3273dc #3273dc !important;
2141
2221
  }
2142
2222
 
2143
- .button.is-link.is-outlined[disabled] {
2223
+ .button.is-link.is-outlined[disabled],
2224
+ fieldset[disabled] .button.is-link.is-outlined {
2144
2225
  background-color: transparent;
2145
2226
  border-color: #3273dc;
2146
2227
  box-shadow: none;
@@ -2158,7 +2239,8 @@ a.box:active {
2158
2239
  color: #3273dc;
2159
2240
  }
2160
2241
 
2161
- .button.is-link.is-inverted.is-outlined[disabled] {
2242
+ .button.is-link.is-inverted.is-outlined[disabled],
2243
+ fieldset[disabled] .button.is-link.is-inverted.is-outlined {
2162
2244
  background-color: transparent;
2163
2245
  border-color: #fff;
2164
2246
  box-shadow: none;
@@ -2192,7 +2274,8 @@ a.box:active {
2192
2274
  color: #fff;
2193
2275
  }
2194
2276
 
2195
- .button.is-info[disabled] {
2277
+ .button.is-info[disabled],
2278
+ fieldset[disabled] .button.is-info {
2196
2279
  background-color: #209cee;
2197
2280
  border-color: transparent;
2198
2281
  box-shadow: none;
@@ -2207,7 +2290,8 @@ a.box:active {
2207
2290
  background-color: #f2f2f2;
2208
2291
  }
2209
2292
 
2210
- .button.is-info.is-inverted[disabled] {
2293
+ .button.is-info.is-inverted[disabled],
2294
+ fieldset[disabled] .button.is-info.is-inverted {
2211
2295
  background-color: #fff;
2212
2296
  border-color: transparent;
2213
2297
  box-shadow: none;
@@ -2234,7 +2318,8 @@ a.box:active {
2234
2318
  border-color: transparent transparent #209cee #209cee !important;
2235
2319
  }
2236
2320
 
2237
- .button.is-info.is-outlined[disabled] {
2321
+ .button.is-info.is-outlined[disabled],
2322
+ fieldset[disabled] .button.is-info.is-outlined {
2238
2323
  background-color: transparent;
2239
2324
  border-color: #209cee;
2240
2325
  box-shadow: none;
@@ -2252,7 +2337,8 @@ a.box:active {
2252
2337
  color: #209cee;
2253
2338
  }
2254
2339
 
2255
- .button.is-info.is-inverted.is-outlined[disabled] {
2340
+ .button.is-info.is-inverted.is-outlined[disabled],
2341
+ fieldset[disabled] .button.is-info.is-inverted.is-outlined {
2256
2342
  background-color: transparent;
2257
2343
  border-color: #fff;
2258
2344
  box-shadow: none;
@@ -2286,7 +2372,8 @@ a.box:active {
2286
2372
  color: #fff;
2287
2373
  }
2288
2374
 
2289
- .button.is-success[disabled] {
2375
+ .button.is-success[disabled],
2376
+ fieldset[disabled] .button.is-success {
2290
2377
  background-color: #23d160;
2291
2378
  border-color: transparent;
2292
2379
  box-shadow: none;
@@ -2301,7 +2388,8 @@ a.box:active {
2301
2388
  background-color: #f2f2f2;
2302
2389
  }
2303
2390
 
2304
- .button.is-success.is-inverted[disabled] {
2391
+ .button.is-success.is-inverted[disabled],
2392
+ fieldset[disabled] .button.is-success.is-inverted {
2305
2393
  background-color: #fff;
2306
2394
  border-color: transparent;
2307
2395
  box-shadow: none;
@@ -2328,7 +2416,8 @@ a.box:active {
2328
2416
  border-color: transparent transparent #23d160 #23d160 !important;
2329
2417
  }
2330
2418
 
2331
- .button.is-success.is-outlined[disabled] {
2419
+ .button.is-success.is-outlined[disabled],
2420
+ fieldset[disabled] .button.is-success.is-outlined {
2332
2421
  background-color: transparent;
2333
2422
  border-color: #23d160;
2334
2423
  box-shadow: none;
@@ -2346,7 +2435,8 @@ a.box:active {
2346
2435
  color: #23d160;
2347
2436
  }
2348
2437
 
2349
- .button.is-success.is-inverted.is-outlined[disabled] {
2438
+ .button.is-success.is-inverted.is-outlined[disabled],
2439
+ fieldset[disabled] .button.is-success.is-inverted.is-outlined {
2350
2440
  background-color: transparent;
2351
2441
  border-color: #fff;
2352
2442
  box-shadow: none;
@@ -2380,7 +2470,8 @@ a.box:active {
2380
2470
  color: rgba(0, 0, 0, 0.7);
2381
2471
  }
2382
2472
 
2383
- .button.is-warning[disabled] {
2473
+ .button.is-warning[disabled],
2474
+ fieldset[disabled] .button.is-warning {
2384
2475
  background-color: #ffdd57;
2385
2476
  border-color: transparent;
2386
2477
  box-shadow: none;
@@ -2395,7 +2486,8 @@ a.box:active {
2395
2486
  background-color: rgba(0, 0, 0, 0.7);
2396
2487
  }
2397
2488
 
2398
- .button.is-warning.is-inverted[disabled] {
2489
+ .button.is-warning.is-inverted[disabled],
2490
+ fieldset[disabled] .button.is-warning.is-inverted {
2399
2491
  background-color: rgba(0, 0, 0, 0.7);
2400
2492
  border-color: transparent;
2401
2493
  box-shadow: none;
@@ -2422,7 +2514,8 @@ a.box:active {
2422
2514
  border-color: transparent transparent #ffdd57 #ffdd57 !important;
2423
2515
  }
2424
2516
 
2425
- .button.is-warning.is-outlined[disabled] {
2517
+ .button.is-warning.is-outlined[disabled],
2518
+ fieldset[disabled] .button.is-warning.is-outlined {
2426
2519
  background-color: transparent;
2427
2520
  border-color: #ffdd57;
2428
2521
  box-shadow: none;
@@ -2440,7 +2533,8 @@ a.box:active {
2440
2533
  color: #ffdd57;
2441
2534
  }
2442
2535
 
2443
- .button.is-warning.is-inverted.is-outlined[disabled] {
2536
+ .button.is-warning.is-inverted.is-outlined[disabled],
2537
+ fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
2444
2538
  background-color: transparent;
2445
2539
  border-color: rgba(0, 0, 0, 0.7);
2446
2540
  box-shadow: none;
@@ -2474,7 +2568,8 @@ a.box:active {
2474
2568
  color: #fff;
2475
2569
  }
2476
2570
 
2477
- .button.is-danger[disabled] {
2571
+ .button.is-danger[disabled],
2572
+ fieldset[disabled] .button.is-danger {
2478
2573
  background-color: #ff3860;
2479
2574
  border-color: transparent;
2480
2575
  box-shadow: none;
@@ -2489,7 +2584,8 @@ a.box:active {
2489
2584
  background-color: #f2f2f2;
2490
2585
  }
2491
2586
 
2492
- .button.is-danger.is-inverted[disabled] {
2587
+ .button.is-danger.is-inverted[disabled],
2588
+ fieldset[disabled] .button.is-danger.is-inverted {
2493
2589
  background-color: #fff;
2494
2590
  border-color: transparent;
2495
2591
  box-shadow: none;
@@ -2516,7 +2612,8 @@ a.box:active {
2516
2612
  border-color: transparent transparent #ff3860 #ff3860 !important;
2517
2613
  }
2518
2614
 
2519
- .button.is-danger.is-outlined[disabled] {
2615
+ .button.is-danger.is-outlined[disabled],
2616
+ fieldset[disabled] .button.is-danger.is-outlined {
2520
2617
  background-color: transparent;
2521
2618
  border-color: #ff3860;
2522
2619
  box-shadow: none;
@@ -2534,7 +2631,8 @@ a.box:active {
2534
2631
  color: #ff3860;
2535
2632
  }
2536
2633
 
2537
- .button.is-danger.is-inverted.is-outlined[disabled] {
2634
+ .button.is-danger.is-inverted.is-outlined[disabled],
2635
+ fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
2538
2636
  background-color: transparent;
2539
2637
  border-color: #fff;
2540
2638
  box-shadow: none;
@@ -2546,6 +2644,10 @@ a.box:active {
2546
2644
  font-size: 0.75rem;
2547
2645
  }
2548
2646
 
2647
+ .button.is-normal {
2648
+ font-size: 1rem;
2649
+ }
2650
+
2549
2651
  .button.is-medium {
2550
2652
  font-size: 1.25rem;
2551
2653
  }
@@ -2554,7 +2656,8 @@ a.box:active {
2554
2656
  font-size: 1.5rem;
2555
2657
  }
2556
2658
 
2557
- .button[disabled] {
2659
+ .button[disabled],
2660
+ fieldset[disabled] .button {
2558
2661
  background-color: white;
2559
2662
  border-color: #dbdbdb;
2560
2663
  box-shadow: none;
@@ -2615,6 +2718,19 @@ a.box:active {
2615
2718
  margin-bottom: 1rem;
2616
2719
  }
2617
2720
 
2721
+ .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
2722
+ border-radius: 2px;
2723
+ font-size: 0.75rem;
2724
+ }
2725
+
2726
+ .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
2727
+ font-size: 1.25rem;
2728
+ }
2729
+
2730
+ .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
2731
+ font-size: 1.5rem;
2732
+ }
2733
+
2618
2734
  .buttons.has-addons .button:not(:first-child) {
2619
2735
  border-bottom-left-radius: 0;
2620
2736
  border-top-left-radius: 0;
@@ -2945,7 +3061,10 @@ a.box:active {
2945
3061
  }
2946
3062
 
2947
3063
  .input[disabled],
2948
- .textarea[disabled] {
3064
+ fieldset[disabled] .input,
3065
+ .textarea[disabled],
3066
+ fieldset[disabled]
3067
+ .textarea {
2949
3068
  background-color: whitesmoke;
2950
3069
  border-color: whitesmoke;
2951
3070
  box-shadow: none;
@@ -2953,22 +3072,34 @@ a.box:active {
2953
3072
  }
2954
3073
 
2955
3074
  .input[disabled]::-moz-placeholder,
2956
- .textarea[disabled]::-moz-placeholder {
3075
+ fieldset[disabled] .input::-moz-placeholder,
3076
+ .textarea[disabled]::-moz-placeholder,
3077
+ fieldset[disabled]
3078
+ .textarea::-moz-placeholder {
2957
3079
  color: rgba(122, 122, 122, 0.3);
2958
3080
  }
2959
3081
 
2960
3082
  .input[disabled]::-webkit-input-placeholder,
2961
- .textarea[disabled]::-webkit-input-placeholder {
3083
+ fieldset[disabled] .input::-webkit-input-placeholder,
3084
+ .textarea[disabled]::-webkit-input-placeholder,
3085
+ fieldset[disabled]
3086
+ .textarea::-webkit-input-placeholder {
2962
3087
  color: rgba(122, 122, 122, 0.3);
2963
3088
  }
2964
3089
 
2965
3090
  .input[disabled]:-moz-placeholder,
2966
- .textarea[disabled]:-moz-placeholder {
3091
+ fieldset[disabled] .input:-moz-placeholder,
3092
+ .textarea[disabled]:-moz-placeholder,
3093
+ fieldset[disabled]
3094
+ .textarea:-moz-placeholder {
2967
3095
  color: rgba(122, 122, 122, 0.3);
2968
3096
  }
2969
3097
 
2970
3098
  .input[disabled]:-ms-input-placeholder,
2971
- .textarea[disabled]:-ms-input-placeholder {
3099
+ fieldset[disabled] .input:-ms-input-placeholder,
3100
+ .textarea[disabled]:-ms-input-placeholder,
3101
+ fieldset[disabled]
3102
+ .textarea:-ms-input-placeholder {
2972
3103
  color: rgba(122, 122, 122, 0.3);
2973
3104
  }
2974
3105
 
@@ -3189,7 +3320,10 @@ a.box:active {
3189
3320
  }
3190
3321
 
3191
3322
  .checkbox[disabled],
3192
- .radio[disabled] {
3323
+ fieldset[disabled] .checkbox,
3324
+ .radio[disabled],
3325
+ fieldset[disabled]
3326
+ .radio {
3193
3327
  color: #7a7a7a;
3194
3328
  cursor: not-allowed;
3195
3329
  }
@@ -3256,26 +3390,31 @@ a.box:active {
3256
3390
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
3257
3391
  }
3258
3392
 
3259
- .select select[disabled] {
3393
+ .select select[disabled],
3394
+ fieldset[disabled] .select select {
3260
3395
  background-color: whitesmoke;
3261
3396
  border-color: whitesmoke;
3262
3397
  box-shadow: none;
3263
3398
  color: #7a7a7a;
3264
3399
  }
3265
3400
 
3266
- .select select[disabled]::-moz-placeholder {
3401
+ .select select[disabled]::-moz-placeholder,
3402
+ fieldset[disabled] .select select::-moz-placeholder {
3267
3403
  color: rgba(122, 122, 122, 0.3);
3268
3404
  }
3269
3405
 
3270
- .select select[disabled]::-webkit-input-placeholder {
3406
+ .select select[disabled]::-webkit-input-placeholder,
3407
+ fieldset[disabled] .select select::-webkit-input-placeholder {
3271
3408
  color: rgba(122, 122, 122, 0.3);
3272
3409
  }
3273
3410
 
3274
- .select select[disabled]:-moz-placeholder {
3411
+ .select select[disabled]:-moz-placeholder,
3412
+ fieldset[disabled] .select select:-moz-placeholder {
3275
3413
  color: rgba(122, 122, 122, 0.3);
3276
3414
  }
3277
3415
 
3278
- .select select[disabled]:-ms-input-placeholder {
3416
+ .select select[disabled]:-ms-input-placeholder,
3417
+ fieldset[disabled] .select select:-ms-input-placeholder {
3279
3418
  color: rgba(122, 122, 122, 0.3);
3280
3419
  }
3281
3420
 
@@ -3283,7 +3422,8 @@ a.box:active {
3283
3422
  display: none;
3284
3423
  }
3285
3424
 
3286
- .select select[disabled]:hover {
3425
+ .select select[disabled]:hover,
3426
+ fieldset[disabled] .select select:hover {
3287
3427
  border-color: whitesmoke;
3288
3428
  }
3289
3429
 
@@ -4030,16 +4170,16 @@ a.box:active {
4030
4170
  border-radius: 0;
4031
4171
  }
4032
4172
 
4033
- .field.has-addons .control:first-child .button,
4034
- .field.has-addons .control:first-child .input,
4035
- .field.has-addons .control:first-child .select select {
4173
+ .field.has-addons .control:first-child:not(:only-child) .button,
4174
+ .field.has-addons .control:first-child:not(:only-child) .input,
4175
+ .field.has-addons .control:first-child:not(:only-child) .select select {
4036
4176
  border-bottom-right-radius: 0;
4037
4177
  border-top-right-radius: 0;
4038
4178
  }
4039
4179
 
4040
- .field.has-addons .control:last-child .button,
4041
- .field.has-addons .control:last-child .input,
4042
- .field.has-addons .control:last-child .select select {
4180
+ .field.has-addons .control:last-child:not(:only-child) .button,
4181
+ .field.has-addons .control:last-child:not(:only-child) .input,
4182
+ .field.has-addons .control:last-child:not(:only-child) .select select {
4043
4183
  border-bottom-left-radius: 0;
4044
4184
  border-top-left-radius: 0;
4045
4185
  }
@@ -4203,54 +4343,13 @@ a.box:active {
4203
4343
  }
4204
4344
 
4205
4345
  .control {
4346
+ box-sizing: border-box;
4206
4347
  clear: both;
4207
4348
  font-size: 1rem;
4208
4349
  position: relative;
4209
4350
  text-align: left;
4210
4351
  }
4211
4352
 
4212
- .control.has-icon .icon {
4213
- color: #dbdbdb;
4214
- height: 2.25em;
4215
- pointer-events: none;
4216
- position: absolute;
4217
- top: 0;
4218
- width: 2.25em;
4219
- z-index: 4;
4220
- }
4221
-
4222
- .control.has-icon .input:focus + .icon {
4223
- color: #7a7a7a;
4224
- }
4225
-
4226
- .control.has-icon .input.is-small + .icon {
4227
- font-size: 0.75rem;
4228
- }
4229
-
4230
- .control.has-icon .input.is-medium + .icon {
4231
- font-size: 1.25rem;
4232
- }
4233
-
4234
- .control.has-icon .input.is-large + .icon {
4235
- font-size: 1.5rem;
4236
- }
4237
-
4238
- .control.has-icon:not(.has-icon-right) .icon {
4239
- left: 0;
4240
- }
4241
-
4242
- .control.has-icon:not(.has-icon-right) .input {
4243
- padding-left: 2.25em;
4244
- }
4245
-
4246
- .control.has-icon.has-icon-right .icon {
4247
- right: 0;
4248
- }
4249
-
4250
- .control.has-icon.has-icon-right .input {
4251
- padding-right: 2.25em;
4252
- }
4253
-
4254
4353
  .control.has-icons-left .input:focus ~ .icon,
4255
4354
  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
4256
4355
  .control.has-icons-right .select:focus ~ .icon {
@@ -4360,7 +4459,23 @@ a.box:active {
4360
4459
  border-radius: 290486px;
4361
4460
  }
4362
4461
 
4363
- .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
4462
+ .image.is-square img,
4463
+ .image.is-square .has-ratio, .image.is-1by1 img,
4464
+ .image.is-1by1 .has-ratio, .image.is-5by4 img,
4465
+ .image.is-5by4 .has-ratio, .image.is-4by3 img,
4466
+ .image.is-4by3 .has-ratio, .image.is-3by2 img,
4467
+ .image.is-3by2 .has-ratio, .image.is-5by3 img,
4468
+ .image.is-5by3 .has-ratio, .image.is-16by9 img,
4469
+ .image.is-16by9 .has-ratio, .image.is-2by1 img,
4470
+ .image.is-2by1 .has-ratio, .image.is-3by1 img,
4471
+ .image.is-3by1 .has-ratio, .image.is-4by5 img,
4472
+ .image.is-4by5 .has-ratio, .image.is-3by4 img,
4473
+ .image.is-3by4 .has-ratio, .image.is-2by3 img,
4474
+ .image.is-2by3 .has-ratio, .image.is-3by5 img,
4475
+ .image.is-3by5 .has-ratio, .image.is-9by16 img,
4476
+ .image.is-9by16 .has-ratio, .image.is-1by2 img,
4477
+ .image.is-1by2 .has-ratio, .image.is-1by3 img,
4478
+ .image.is-1by3 .has-ratio {
4364
4479
  height: 100%;
4365
4480
  width: 100%;
4366
4481
  }
@@ -4576,6 +4691,30 @@ a.box:active {
4576
4691
  border: none;
4577
4692
  }
4578
4693
 
4694
+ .progress:indeterminate {
4695
+ -webkit-animation-duration: 1.5s;
4696
+ animation-duration: 1.5s;
4697
+ -webkit-animation-iteration-count: infinite;
4698
+ animation-iteration-count: infinite;
4699
+ -webkit-animation-name: moveIndeterminate;
4700
+ animation-name: moveIndeterminate;
4701
+ -webkit-animation-timing-function: linear;
4702
+ animation-timing-function: linear;
4703
+ background-color: #dbdbdb;
4704
+ background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%);
4705
+ background-position: top left;
4706
+ background-repeat: no-repeat;
4707
+ background-size: 150% 150%;
4708
+ }
4709
+
4710
+ .progress:indeterminate::-webkit-progress-bar {
4711
+ background-color: transparent;
4712
+ }
4713
+
4714
+ .progress:indeterminate::-moz-progress-bar {
4715
+ background-color: transparent;
4716
+ }
4717
+
4579
4718
  .progress.is-white::-webkit-progress-value {
4580
4719
  background-color: white;
4581
4720
  }
@@ -4588,6 +4727,10 @@ a.box:active {
4588
4727
  background-color: white;
4589
4728
  }
4590
4729
 
4730
+ .progress.is-white:indeterminate {
4731
+ background-image: linear-gradient(to right, white 30%, #dbdbdb 30%);
4732
+ }
4733
+
4591
4734
  .progress.is-black::-webkit-progress-value {
4592
4735
  background-color: #0a0a0a;
4593
4736
  }
@@ -4600,6 +4743,10 @@ a.box:active {
4600
4743
  background-color: #0a0a0a;
4601
4744
  }
4602
4745
 
4746
+ .progress.is-black:indeterminate {
4747
+ background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%);
4748
+ }
4749
+
4603
4750
  .progress.is-light::-webkit-progress-value {
4604
4751
  background-color: whitesmoke;
4605
4752
  }
@@ -4612,6 +4759,10 @@ a.box:active {
4612
4759
  background-color: whitesmoke;
4613
4760
  }
4614
4761
 
4762
+ .progress.is-light:indeterminate {
4763
+ background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%);
4764
+ }
4765
+
4615
4766
  .progress.is-dark::-webkit-progress-value {
4616
4767
  background-color: #363636;
4617
4768
  }
@@ -4624,6 +4775,10 @@ a.box:active {
4624
4775
  background-color: #363636;
4625
4776
  }
4626
4777
 
4778
+ .progress.is-dark:indeterminate {
4779
+ background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%);
4780
+ }
4781
+
4627
4782
  .progress.is-primary::-webkit-progress-value {
4628
4783
  background-color: #00d1b2;
4629
4784
  }
@@ -4636,6 +4791,10 @@ a.box:active {
4636
4791
  background-color: #00d1b2;
4637
4792
  }
4638
4793
 
4794
+ .progress.is-primary:indeterminate {
4795
+ background-image: linear-gradient(to right, #00d1b2 30%, #dbdbdb 30%);
4796
+ }
4797
+
4639
4798
  .progress.is-link::-webkit-progress-value {
4640
4799
  background-color: #3273dc;
4641
4800
  }
@@ -4648,6 +4807,10 @@ a.box:active {
4648
4807
  background-color: #3273dc;
4649
4808
  }
4650
4809
 
4810
+ .progress.is-link:indeterminate {
4811
+ background-image: linear-gradient(to right, #3273dc 30%, #dbdbdb 30%);
4812
+ }
4813
+
4651
4814
  .progress.is-info::-webkit-progress-value {
4652
4815
  background-color: #209cee;
4653
4816
  }
@@ -4660,6 +4823,10 @@ a.box:active {
4660
4823
  background-color: #209cee;
4661
4824
  }
4662
4825
 
4826
+ .progress.is-info:indeterminate {
4827
+ background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%);
4828
+ }
4829
+
4663
4830
  .progress.is-success::-webkit-progress-value {
4664
4831
  background-color: #23d160;
4665
4832
  }
@@ -4672,6 +4839,10 @@ a.box:active {
4672
4839
  background-color: #23d160;
4673
4840
  }
4674
4841
 
4842
+ .progress.is-success:indeterminate {
4843
+ background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%);
4844
+ }
4845
+
4675
4846
  .progress.is-warning::-webkit-progress-value {
4676
4847
  background-color: #ffdd57;
4677
4848
  }
@@ -4684,6 +4855,10 @@ a.box:active {
4684
4855
  background-color: #ffdd57;
4685
4856
  }
4686
4857
 
4858
+ .progress.is-warning:indeterminate {
4859
+ background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%);
4860
+ }
4861
+
4687
4862
  .progress.is-danger::-webkit-progress-value {
4688
4863
  background-color: #ff3860;
4689
4864
  }
@@ -4696,6 +4871,10 @@ a.box:active {
4696
4871
  background-color: #ff3860;
4697
4872
  }
4698
4873
 
4874
+ .progress.is-danger:indeterminate {
4875
+ background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%);
4876
+ }
4877
+
4699
4878
  .progress.is-small {
4700
4879
  height: 0.75rem;
4701
4880
  }
@@ -4708,6 +4887,24 @@ a.box:active {
4708
4887
  height: 1.5rem;
4709
4888
  }
4710
4889
 
4890
+ @-webkit-keyframes moveIndeterminate {
4891
+ from {
4892
+ background-position: 200% 0;
4893
+ }
4894
+ to {
4895
+ background-position: -200% 0;
4896
+ }
4897
+ }
4898
+
4899
+ @keyframes moveIndeterminate {
4900
+ from {
4901
+ background-position: 200% 0;
4902
+ }
4903
+ to {
4904
+ background-position: -200% 0;
4905
+ }
4906
+ }
4907
+
4711
4908
  .table {
4712
4909
  background-color: white;
4713
4910
  color: #363636;
@@ -4831,18 +5028,30 @@ a.box:active {
4831
5028
  color: currentColor;
4832
5029
  }
4833
5030
 
5031
+ .table thead {
5032
+ background-color: transparent;
5033
+ }
5034
+
4834
5035
  .table thead td,
4835
5036
  .table thead th {
4836
5037
  border-width: 0 0 2px;
4837
5038
  color: #363636;
4838
5039
  }
4839
5040
 
5041
+ .table tfoot {
5042
+ background-color: transparent;
5043
+ }
5044
+
4840
5045
  .table tfoot td,
4841
5046
  .table tfoot th {
4842
5047
  border-width: 2px 0 0;
4843
5048
  color: #363636;
4844
5049
  }
4845
5050
 
5051
+ .table tbody {
5052
+ background-color: transparent;
5053
+ }
5054
+
4846
5055
  .table tbody tr:last-child td,
4847
5056
  .table tbody tr:last-child th {
4848
5057
  border-bottom-width: 0;
@@ -4913,6 +5122,14 @@ a.box:active {
4913
5122
  margin-bottom: 1rem;
4914
5123
  }
4915
5124
 
5125
+ .tags.are-medium .tag:not(.is-normal):not(.is-large) {
5126
+ font-size: 1rem;
5127
+ }
5128
+
5129
+ .tags.are-large .tag:not(.is-normal):not(.is-medium) {
5130
+ font-size: 1.25rem;
5131
+ }
5132
+
4916
5133
  .tags.has-addons .tag {
4917
5134
  margin-right: 0;
4918
5135
  }
@@ -4948,6 +5165,21 @@ a.box:active {
4948
5165
  margin-right: 0;
4949
5166
  }
4950
5167
 
5168
+ .tags.has-addons .tag {
5169
+ margin-right: 0;
5170
+ }
5171
+
5172
+ .tags.has-addons .tag:not(:first-child) {
5173
+ margin-left: 0;
5174
+ border-bottom-left-radius: 0;
5175
+ border-top-left-radius: 0;
5176
+ }
5177
+
5178
+ .tags.has-addons .tag:not(:last-child) {
5179
+ border-bottom-right-radius: 0;
5180
+ border-top-right-radius: 0;
5181
+ }
5182
+
4951
5183
  .tag:not(body) {
4952
5184
  align-items: center;
4953
5185
  background-color: whitesmoke;
@@ -5018,6 +5250,10 @@ a.box:active {
5018
5250
  color: #fff;
5019
5251
  }
5020
5252
 
5253
+ .tag:not(body).is-normal {
5254
+ font-size: 0.75rem;
5255
+ }
5256
+
5021
5257
  .tag:not(body).is-medium {
5022
5258
  font-size: 1rem;
5023
5259
  }
@@ -5767,7 +6003,7 @@ a.list-item {
5767
6003
  color: currentColor;
5768
6004
  }
5769
6005
 
5770
- .message a:not(.button):not(.tag) {
6006
+ .message a:not(.button):not(.tag):not(.dropdown-item) {
5771
6007
  color: currentColor;
5772
6008
  text-decoration: underline;
5773
6009
  }
@@ -7098,6 +7334,10 @@ a.navbar-item:hover, a.navbar-item.is-active,
7098
7334
  }
7099
7335
  }
7100
7336
 
7337
+ .hero.is-fullheight-with-navbar {
7338
+ min-height: calc(100vh - 3.25rem);
7339
+ }
7340
+
7101
7341
  .pagination {
7102
7342
  font-size: 1rem;
7103
7343
  margin: -0.25rem;
@@ -10206,10 +10446,6 @@ label.panel-block:hover {
10206
10446
  min-height: 100vh;
10207
10447
  }
10208
10448
 
10209
- .hero.is-fullheight-with-navbar {
10210
- min-height: calc(100vh - 3.25rem);
10211
- }
10212
-
10213
10449
  .hero-video {
10214
10450
  overflow: hidden;
10215
10451
  }