bulma-clean-theme 0.3 → 0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
  }