diff options
author | Jesús <heckyel@hyperbola.info> | 2019-03-18 12:06:27 -0500 |
---|---|---|
committer | Jesús <heckyel@hyperbola.info> | 2019-03-18 12:06:27 -0500 |
commit | 27abbb7939a8d964312b2b526b5208296d037585 (patch) | |
tree | 45a583a6c1b0b05b1bf8ac8156cfa2f5f321e58c /dist/css/bulma.css | |
parent | 880cd188f9ab5d30be489cc3cd9dffdeb493f713 (diff) | |
download | cl-theme-27abbb7939a8d964312b2b526b5208296d037585.tar.lz cl-theme-27abbb7939a8d964312b2b526b5208296d037585.tar.xz cl-theme-27abbb7939a8d964312b2b526b5208296d037585.zip |
updated bulma to v0.7.4
Diffstat (limited to 'dist/css/bulma.css')
-rw-r--r-- | dist/css/bulma.css | 489 |
1 files changed, 282 insertions, 207 deletions
diff --git a/dist/css/bulma.css b/dist/css/bulma.css index 3417729..addee77 100644 --- a/dist/css/bulma.css +++ b/dist/css/bulma.css @@ -1,5 +1,5 @@ @charset "UTF-8"; -/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */ +/*! bulma.io v0.7.4 | MIT License | github.com/jgthms/bulma */ @keyframes spinAround { from { transform: rotate(0deg); @@ -125,7 +125,23 @@ width: 1em; } -.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 { +.is-overlay, .image.is-square img, +.image.is-square .has-ratio, .image.is-1by1 img, +.image.is-1by1 .has-ratio, .image.is-5by4 img, +.image.is-5by4 .has-ratio, .image.is-4by3 img, +.image.is-4by3 .has-ratio, .image.is-3by2 img, +.image.is-3by2 .has-ratio, .image.is-5by3 img, +.image.is-5by3 .has-ratio, .image.is-16by9 img, +.image.is-16by9 .has-ratio, .image.is-2by1 img, +.image.is-2by1 .has-ratio, .image.is-3by1 img, +.image.is-3by1 .has-ratio, .image.is-4by5 img, +.image.is-4by5 .has-ratio, .image.is-3by4 img, +.image.is-3by4 .has-ratio, .image.is-2by3 img, +.image.is-2by3 .has-ratio, .image.is-3by5 img, +.image.is-3by5 .has-ratio, .image.is-9by16 img, +.image.is-9by16 .has-ratio, .image.is-1by2 img, +.image.is-1by2 .has-ratio, .image.is-1by3 img, +.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video { bottom: 0; left: 0; position: absolute; @@ -133,8 +149,7 @@ top: 0; } -.button, .input, -.textarea, .select select, .file-cta, +.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, @@ -157,39 +172,38 @@ position: relative; vertical-align: top; } -.button:focus, .input:focus, -.textarea:focus, .select select:focus, .file-cta:focus, +.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, -.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, -.is-focused.textarea, .select select.is-focused, .is-focused.file-cta, +.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, -.is-focused.pagination-ellipsis, .button:active, .input:active, -.textarea:active, .select select:active, .file-cta:active, +.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, -.pagination-ellipsis:active, .is-active.button, .is-active.input, -.is-active.textarea, .select select.is-active, .is-active.file-cta, +.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } -[disabled].button, [disabled].input, -[disabled].textarea, .select select[disabled], [disabled].file-cta, +[disabled].button, [disabled].input, [disabled].textarea, .select select[disabled], [disabled].file-cta, [disabled].file-name, [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, -[disabled].pagination-ellipsis { +[disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta, +fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-ellipsis { cursor: not-allowed; } -/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ +/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */ html, body, p, @@ -247,12 +261,18 @@ html { } img, -audio, +embed, +iframe, +object, video { height: auto; max-width: 100%; } +audio { + max-width: 100%; +} + iframe { border: 0; } @@ -364,6 +384,10 @@ strong { font-weight: 700; } +fieldset { + border: none; +} + pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; @@ -1030,6 +1054,26 @@ a.has-text-danger:hover, a.has-text-danger:focus { font-weight: 700 !important; } +.is-family-primary { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-secondary { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-sans-serif { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; +} + +.is-family-monospace { + font-family: monospace !important; +} + +.is-family-code { + font-family: monospace !important; +} + .is-block { display: block !important; } @@ -1478,7 +1522,7 @@ a.box:active { background-color: #e8e8e8; color: #363636; } -.button.is-text[disabled] { +.button.is-text[disabled], fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; box-shadow: none; @@ -1505,7 +1549,7 @@ a.box:active { border-color: transparent; color: #0a0a0a; } -.button.is-white[disabled] { +.button.is-white[disabled], fieldset[disabled] .button.is-white { background-color: white; border-color: transparent; box-shadow: none; @@ -1517,7 +1561,7 @@ a.box:active { .button.is-white.is-inverted:hover { background-color: black; } -.button.is-white.is-inverted[disabled] { +.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { background-color: #0a0a0a; border-color: transparent; box-shadow: none; @@ -1539,7 +1583,7 @@ a.box:active { .button.is-white.is-outlined.is-loading::after { border-color: transparent transparent white white !important; } -.button.is-white.is-outlined[disabled] { +.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { background-color: transparent; border-color: white; box-shadow: none; @@ -1554,7 +1598,7 @@ a.box:active { background-color: #0a0a0a; color: white; } -.button.is-white.is-inverted.is-outlined[disabled] { +.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; box-shadow: none; @@ -1582,7 +1626,7 @@ a.box:active { border-color: transparent; color: white; } -.button.is-black[disabled] { +.button.is-black[disabled], fieldset[disabled] .button.is-black { background-color: #0a0a0a; border-color: transparent; box-shadow: none; @@ -1594,7 +1638,7 @@ a.box:active { .button.is-black.is-inverted:hover { background-color: #f2f2f2; } -.button.is-black.is-inverted[disabled] { +.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { background-color: white; border-color: transparent; box-shadow: none; @@ -1616,7 +1660,7 @@ a.box:active { .button.is-black.is-outlined.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } -.button.is-black.is-outlined[disabled] { +.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; box-shadow: none; @@ -1631,7 +1675,7 @@ a.box:active { background-color: white; color: #0a0a0a; } -.button.is-black.is-inverted.is-outlined[disabled] { +.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: white; box-shadow: none; @@ -1659,7 +1703,7 @@ a.box:active { border-color: transparent; color: #363636; } -.button.is-light[disabled] { +.button.is-light[disabled], fieldset[disabled] .button.is-light { background-color: whitesmoke; border-color: transparent; box-shadow: none; @@ -1671,7 +1715,7 @@ a.box:active { .button.is-light.is-inverted:hover { background-color: #292929; } -.button.is-light.is-inverted[disabled] { +.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { background-color: #363636; border-color: transparent; box-shadow: none; @@ -1693,7 +1737,7 @@ a.box:active { .button.is-light.is-outlined.is-loading::after { border-color: transparent transparent whitesmoke whitesmoke !important; } -.button.is-light.is-outlined[disabled] { +.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; box-shadow: none; @@ -1708,7 +1752,7 @@ a.box:active { background-color: #363636; color: whitesmoke; } -.button.is-light.is-inverted.is-outlined[disabled] { +.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: #363636; box-shadow: none; @@ -1736,7 +1780,7 @@ a.box:active { border-color: transparent; color: whitesmoke; } -.button.is-dark[disabled] { +.button.is-dark[disabled], fieldset[disabled] .button.is-dark { background-color: #363636; border-color: transparent; box-shadow: none; @@ -1748,7 +1792,7 @@ a.box:active { .button.is-dark.is-inverted:hover { background-color: #e8e8e8; } -.button.is-dark.is-inverted[disabled] { +.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { background-color: whitesmoke; border-color: transparent; box-shadow: none; @@ -1770,7 +1814,7 @@ a.box:active { .button.is-dark.is-outlined.is-loading::after { border-color: transparent transparent #363636 #363636 !important; } -.button.is-dark.is-outlined[disabled] { +.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; box-shadow: none; @@ -1785,7 +1829,7 @@ a.box:active { background-color: whitesmoke; color: #363636; } -.button.is-dark.is-inverted.is-outlined[disabled] { +.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: whitesmoke; box-shadow: none; @@ -1813,7 +1857,7 @@ a.box:active { border-color: transparent; color: #fff; } -.button.is-primary[disabled] { +.button.is-primary[disabled], fieldset[disabled] .button.is-primary { background-color: #00d1b2; border-color: transparent; box-shadow: none; @@ -1825,7 +1869,7 @@ a.box:active { .button.is-primary.is-inverted:hover { background-color: #f2f2f2; } -.button.is-primary.is-inverted[disabled] { +.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { background-color: #fff; border-color: transparent; box-shadow: none; @@ -1847,7 +1891,7 @@ a.box:active { .button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent #00d1b2 #00d1b2 !important; } -.button.is-primary.is-outlined[disabled] { +.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; border-color: #00d1b2; box-shadow: none; @@ -1862,7 +1906,7 @@ a.box:active { background-color: #fff; color: #00d1b2; } -.button.is-primary.is-inverted.is-outlined[disabled] { +.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; box-shadow: none; @@ -1890,7 +1934,7 @@ a.box:active { border-color: transparent; color: #fff; } -.button.is-link[disabled] { +.button.is-link[disabled], fieldset[disabled] .button.is-link { background-color: #3273dc; border-color: transparent; box-shadow: none; @@ -1902,7 +1946,7 @@ a.box:active { .button.is-link.is-inverted:hover { background-color: #f2f2f2; } -.button.is-link.is-inverted[disabled] { +.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { background-color: #fff; border-color: transparent; box-shadow: none; @@ -1924,7 +1968,7 @@ a.box:active { .button.is-link.is-outlined.is-loading::after { border-color: transparent transparent #3273dc #3273dc !important; } -.button.is-link.is-outlined[disabled] { +.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { background-color: transparent; border-color: #3273dc; box-shadow: none; @@ -1939,7 +1983,7 @@ a.box:active { background-color: #fff; color: #3273dc; } -.button.is-link.is-inverted.is-outlined[disabled] { +.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; box-shadow: none; @@ -1967,7 +2011,7 @@ a.box:active { border-color: transparent; color: #fff; } -.button.is-info[disabled] { +.button.is-info[disabled], fieldset[disabled] .button.is-info { background-color: #209cee; border-color: transparent; box-shadow: none; @@ -1979,7 +2023,7 @@ a.box:active { .button.is-info.is-inverted:hover { background-color: #f2f2f2; } -.button.is-info.is-inverted[disabled] { +.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { background-color: #fff; border-color: transparent; box-shadow: none; @@ -2001,7 +2045,7 @@ a.box:active { .button.is-info.is-outlined.is-loading::after { border-color: transparent transparent #209cee #209cee !important; } -.button.is-info.is-outlined[disabled] { +.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { background-color: transparent; border-color: #209cee; box-shadow: none; @@ -2016,7 +2060,7 @@ a.box:active { background-color: #fff; color: #209cee; } -.button.is-info.is-inverted.is-outlined[disabled] { +.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; box-shadow: none; @@ -2044,7 +2088,7 @@ a.box:active { border-color: transparent; color: #fff; } -.button.is-success[disabled] { +.button.is-success[disabled], fieldset[disabled] .button.is-success { background-color: #23d160; border-color: transparent; box-shadow: none; @@ -2056,7 +2100,7 @@ a.box:active { .button.is-success.is-inverted:hover { background-color: #f2f2f2; } -.button.is-success.is-inverted[disabled] { +.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { background-color: #fff; border-color: transparent; box-shadow: none; @@ -2078,7 +2122,7 @@ a.box:active { .button.is-success.is-outlined.is-loading::after { border-color: transparent transparent #23d160 #23d160 !important; } -.button.is-success.is-outlined[disabled] { +.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { background-color: transparent; border-color: #23d160; box-shadow: none; @@ -2093,7 +2137,7 @@ a.box:active { background-color: #fff; color: #23d160; } -.button.is-success.is-inverted.is-outlined[disabled] { +.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; box-shadow: none; @@ -2121,7 +2165,7 @@ a.box:active { border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-warning[disabled] { +.button.is-warning[disabled], fieldset[disabled] .button.is-warning { background-color: #ffdd57; border-color: transparent; box-shadow: none; @@ -2133,7 +2177,7 @@ a.box:active { .button.is-warning.is-inverted:hover { background-color: rgba(0, 0, 0, 0.7); } -.button.is-warning.is-inverted[disabled] { +.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; @@ -2155,7 +2199,7 @@ a.box:active { .button.is-warning.is-outlined.is-loading::after { border-color: transparent transparent #ffdd57 #ffdd57 !important; } -.button.is-warning.is-outlined[disabled] { +.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; box-shadow: none; @@ -2170,7 +2214,7 @@ a.box:active { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; } -.button.is-warning.is-inverted.is-outlined[disabled] { +.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; @@ -2198,7 +2242,7 @@ a.box:active { border-color: transparent; color: #fff; } -.button.is-danger[disabled] { +.button.is-danger[disabled], fieldset[disabled] .button.is-danger { background-color: #ff3860; border-color: transparent; box-shadow: none; @@ -2210,7 +2254,7 @@ a.box:active { .button.is-danger.is-inverted:hover { background-color: #f2f2f2; } -.button.is-danger.is-inverted[disabled] { +.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { background-color: #fff; border-color: transparent; box-shadow: none; @@ -2232,7 +2276,7 @@ a.box:active { .button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent #ff3860 #ff3860 !important; } -.button.is-danger.is-outlined[disabled] { +.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { background-color: transparent; border-color: #ff3860; box-shadow: none; @@ -2247,7 +2291,7 @@ a.box:active { background-color: #fff; color: #ff3860; } -.button.is-danger.is-inverted.is-outlined[disabled] { +.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; box-shadow: none; @@ -2257,13 +2301,16 @@ a.box:active { border-radius: 2px; font-size: 0.75rem; } +.button.is-normal { + font-size: 1rem; +} .button.is-medium { font-size: 1.25rem; } .button.is-large { font-size: 1.5rem; } -.button[disabled] { +.button[disabled], fieldset[disabled] .button { background-color: white; border-color: #dbdbdb; box-shadow: none; @@ -2314,6 +2361,16 @@ a.box:active { .buttons:not(:last-child) { margin-bottom: 1rem; } +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + border-radius: 2px; + font-size: 0.75rem; +} +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; +} +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem; +} .buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; @@ -2547,8 +2604,7 @@ a.box:active { font-size: 1.5rem; } -.input, -.textarea { +.input, .textarea { background-color: white; border-color: #dbdbdb; color: #363636; @@ -2585,163 +2641,112 @@ a.box:active { border-color: #3273dc; box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } -.input[disabled], -.textarea[disabled] { +.input[disabled], fieldset[disabled] .input, +.textarea[disabled], +fieldset[disabled] .textarea { background-color: whitesmoke; border-color: whitesmoke; box-shadow: none; color: #7a7a7a; } -.input[disabled]::-moz-placeholder, -.textarea[disabled]::-moz-placeholder { +.input[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, +.textarea[disabled]::-moz-placeholder, +fieldset[disabled] .textarea::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } -.input[disabled]::-webkit-input-placeholder, -.textarea[disabled]::-webkit-input-placeholder { +.input[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder, +fieldset[disabled] .textarea::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } -.input[disabled]:-moz-placeholder, -.textarea[disabled]:-moz-placeholder { +.input[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, +.textarea[disabled]:-moz-placeholder, +fieldset[disabled] .textarea:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } -.input[disabled]:-ms-input-placeholder, -.textarea[disabled]:-ms-input-placeholder { +.input[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder, +fieldset[disabled] .textarea:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } -.input[readonly], -.textarea[readonly] { +.input[readonly], .textarea[readonly] { box-shadow: none; } -.input.is-white, -.textarea.is-white { +.input.is-white, .textarea.is-white { border-color: white; } -.input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active, -.textarea.is-white:focus, -.textarea.is-white.is-focused, -.textarea.is-white:active, -.textarea.is-white.is-active { +.input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active, .textarea.is-white:focus, .textarea.is-white.is-focused, .textarea.is-white:active, .textarea.is-white.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } -.input.is-black, -.textarea.is-black { +.input.is-black, .textarea.is-black { border-color: #0a0a0a; } -.input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active, -.textarea.is-black:focus, -.textarea.is-black.is-focused, -.textarea.is-black:active, -.textarea.is-black.is-active { +.input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active, .textarea.is-black:focus, .textarea.is-black.is-focused, .textarea.is-black:active, .textarea.is-black.is-active { box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } -.input.is-light, -.textarea.is-light { +.input.is-light, .textarea.is-light { border-color: whitesmoke; } -.input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active, -.textarea.is-light:focus, -.textarea.is-light.is-focused, -.textarea.is-light:active, -.textarea.is-light.is-active { +.input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active, .textarea.is-light:focus, .textarea.is-light.is-focused, .textarea.is-light:active, .textarea.is-light.is-active { box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } -.input.is-dark, -.textarea.is-dark { +.input.is-dark, .textarea.is-dark { border-color: #363636; } -.input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active, -.textarea.is-dark:focus, -.textarea.is-dark.is-focused, -.textarea.is-dark:active, -.textarea.is-dark.is-active { +.input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active, .textarea.is-dark:focus, .textarea.is-dark.is-focused, .textarea.is-dark:active, .textarea.is-dark.is-active { box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } -.input.is-primary, -.textarea.is-primary { +.input.is-primary, .textarea.is-primary { border-color: #00d1b2; } -.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, -.textarea.is-primary:focus, -.textarea.is-primary.is-focused, -.textarea.is-primary:active, -.textarea.is-primary.is-active { +.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, .textarea.is-primary:focus, .textarea.is-primary.is-focused, .textarea.is-primary:active, .textarea.is-primary.is-active { box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } -.input.is-link, -.textarea.is-link { +.input.is-link, .textarea.is-link { border-color: #3273dc; } -.input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, -.textarea.is-link:focus, -.textarea.is-link.is-focused, -.textarea.is-link:active, -.textarea.is-link.is-active { +.input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, .textarea.is-link:focus, .textarea.is-link.is-focused, .textarea.is-link:active, .textarea.is-link.is-active { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } -.input.is-info, -.textarea.is-info { +.input.is-info, .textarea.is-info { border-color: #209cee; } -.input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active, -.textarea.is-info:focus, -.textarea.is-info.is-focused, -.textarea.is-info:active, -.textarea.is-info.is-active { +.input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active, .textarea.is-info:focus, .textarea.is-info.is-focused, .textarea.is-info:active, .textarea.is-info.is-active { box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } -.input.is-success, -.textarea.is-success { +.input.is-success, .textarea.is-success { border-color: #23d160; } -.input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active, -.textarea.is-success:focus, -.textarea.is-success.is-focused, -.textarea.is-success:active, -.textarea.is-success.is-active { +.input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active, .textarea.is-success:focus, .textarea.is-success.is-focused, .textarea.is-success:active, .textarea.is-success.is-active { box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } -.input.is-warning, -.textarea.is-warning { +.input.is-warning, .textarea.is-warning { border-color: #ffdd57; } -.input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active, -.textarea.is-warning:focus, -.textarea.is-warning.is-focused, -.textarea.is-warning:active, -.textarea.is-warning.is-active { +.input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active, .textarea.is-warning:focus, .textarea.is-warning.is-focused, .textarea.is-warning:active, .textarea.is-warning.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } -.input.is-danger, -.textarea.is-danger { +.input.is-danger, .textarea.is-danger { border-color: #ff3860; } -.input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active, -.textarea.is-danger:focus, -.textarea.is-danger.is-focused, -.textarea.is-danger:active, -.textarea.is-danger.is-active { +.input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active, .textarea.is-danger:focus, .textarea.is-danger.is-focused, .textarea.is-danger:active, .textarea.is-danger.is-active { box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } -.input.is-small, -.textarea.is-small { +.input.is-small, .textarea.is-small { border-radius: 2px; font-size: 0.75rem; } -.input.is-medium, -.textarea.is-medium { +.input.is-medium, .textarea.is-medium { font-size: 1.25rem; } -.input.is-large, -.textarea.is-large { +.input.is-large, .textarea.is-large { font-size: 1.5rem; } -.input.is-fullwidth, -.textarea.is-fullwidth { +.input.is-fullwidth, .textarea.is-fullwidth { display: block; width: 100%; } -.input.is-inline, -.textarea.is-inline { +.input.is-inline, .textarea.is-inline { display: inline; width: auto; } @@ -2777,8 +2782,7 @@ a.box:active { resize: none; } -.checkbox, -.radio { +.checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; @@ -2792,8 +2796,9 @@ a.box:active { .radio:hover { color: #363636; } -.checkbox[disabled], -.radio[disabled] { +.checkbox[disabled], fieldset[disabled] .checkbox, +.radio[disabled], +fieldset[disabled] .radio { color: #7a7a7a; cursor: not-allowed; } @@ -2849,28 +2854,28 @@ a.box:active { border-color: #3273dc; box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } -.select select[disabled] { +.select select[disabled], fieldset[disabled] .select select { background-color: whitesmoke; border-color: whitesmoke; box-shadow: none; color: #7a7a7a; } -.select select[disabled]::-moz-placeholder { +.select select[disabled]::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder { color: rgba(122, 122, 122, 0.3); } -.select select[disabled]::-webkit-input-placeholder { +.select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); } -.select select[disabled]:-moz-placeholder { +.select select[disabled]:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder { color: rgba(122, 122, 122, 0.3); } -.select select[disabled]:-ms-input-placeholder { +.select select[disabled]:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); } .select select::-ms-expand { display: none; } -.select select[disabled]:hover { +.select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: whitesmoke; } .select select:not([multiple]) { @@ -3474,15 +3479,15 @@ a.box:active { .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } -.field.has-addons .control:first-child .button, -.field.has-addons .control:first-child .input, -.field.has-addons .control:first-child .select select { +.field.has-addons .control:first-child:not(:only-child) .button, +.field.has-addons .control:first-child:not(:only-child) .input, +.field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } -.field.has-addons .control:last-child .button, -.field.has-addons .control:last-child .input, -.field.has-addons .control:last-child .select select { +.field.has-addons .control:last-child:not(:only-child) .button, +.field.has-addons .control:last-child:not(:only-child) .input, +.field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } @@ -3625,44 +3630,12 @@ a.box:active { } .control { + box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: left; } -.control.has-icon .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; -} -.control.has-icon .input:focus + .icon { - color: #7a7a7a; -} -.control.has-icon .input.is-small + .icon { - font-size: 0.75rem; -} -.control.has-icon .input.is-medium + .icon { - font-size: 1.25rem; -} -.control.has-icon .input.is-large + .icon { - font-size: 1.5rem; -} -.control.has-icon:not(.has-icon-right) .icon { - left: 0; -} -.control.has-icon:not(.has-icon-right) .input { - padding-left: 2.25em; -} -.control.has-icon.has-icon-right .icon { - right: 0; -} -.control.has-icon.has-icon-right .input { - padding-right: 2.25em; -} .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { @@ -3754,7 +3727,23 @@ a.box:active { .image img.is-rounded { border-radius: 290486px; } -.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 { +.image.is-square img, +.image.is-square .has-ratio, .image.is-1by1 img, +.image.is-1by1 .has-ratio, .image.is-5by4 img, +.image.is-5by4 .has-ratio, .image.is-4by3 img, +.image.is-4by3 .has-ratio, .image.is-3by2 img, +.image.is-3by2 .has-ratio, .image.is-5by3 img, +.image.is-5by3 .has-ratio, .image.is-16by9 img, +.image.is-16by9 .has-ratio, .image.is-2by1 img, +.image.is-2by1 .has-ratio, .image.is-3by1 img, +.image.is-3by1 .has-ratio, .image.is-4by5 img, +.image.is-4by5 .has-ratio, .image.is-3by4 img, +.image.is-3by4 .has-ratio, .image.is-2by3 img, +.image.is-2by3 .has-ratio, .image.is-3by5 img, +.image.is-3by5 .has-ratio, .image.is-9by16 img, +.image.is-9by16 .has-ratio, .image.is-1by2 img, +.image.is-1by2 .has-ratio, .image.is-1by3 img, +.image.is-1by3 .has-ratio { height: 100%; width: 100%; } @@ -3927,6 +3916,23 @@ a.box:active { background-color: #4a4a4a; border: none; } +.progress:indeterminate { + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; + background-color: #dbdbdb; + background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; +} +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent; +} +.progress:indeterminate::-moz-progress-bar { + background-color: transparent; +} .progress.is-white::-webkit-progress-value { background-color: white; } @@ -3936,6 +3942,9 @@ a.box:active { .progress.is-white::-ms-fill { background-color: white; } +.progress.is-white:indeterminate { + background-image: linear-gradient(to right, white 30%, #dbdbdb 30%); +} .progress.is-black::-webkit-progress-value { background-color: #0a0a0a; } @@ -3945,6 +3954,9 @@ a.box:active { .progress.is-black::-ms-fill { background-color: #0a0a0a; } +.progress.is-black:indeterminate { + background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%); +} .progress.is-light::-webkit-progress-value { background-color: whitesmoke; } @@ -3954,6 +3966,9 @@ a.box:active { .progress.is-light::-ms-fill { background-color: whitesmoke; } +.progress.is-light:indeterminate { + background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%); +} .progress.is-dark::-webkit-progress-value { background-color: #363636; } @@ -3963,6 +3978,9 @@ a.box:active { .progress.is-dark::-ms-fill { background-color: #363636; } +.progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); +} .progress.is-primary::-webkit-progress-value { background-color: #00d1b2; } @@ -3972,6 +3990,9 @@ a.box:active { .progress.is-primary::-ms-fill { background-color: #00d1b2; } +.progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #00d1b2 30%, #dbdbdb 30%); +} .progress.is-link::-webkit-progress-value { background-color: #3273dc; } @@ -3981,6 +4002,9 @@ a.box:active { .progress.is-link::-ms-fill { background-color: #3273dc; } +.progress.is-link:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #dbdbdb 30%); +} .progress.is-info::-webkit-progress-value { background-color: #209cee; } @@ -3990,6 +4014,9 @@ a.box:active { .progress.is-info::-ms-fill { background-color: #209cee; } +.progress.is-info:indeterminate { + background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%); +} .progress.is-success::-webkit-progress-value { background-color: #23d160; } @@ -3999,6 +4026,9 @@ a.box:active { .progress.is-success::-ms-fill { background-color: #23d160; } +.progress.is-success:indeterminate { + background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%); +} .progress.is-warning::-webkit-progress-value { background-color: #ffdd57; } @@ -4008,6 +4038,9 @@ a.box:active { .progress.is-warning::-ms-fill { background-color: #ffdd57; } +.progress.is-warning:indeterminate { + background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%); +} .progress.is-danger::-webkit-progress-value { background-color: #ff3860; } @@ -4017,6 +4050,9 @@ a.box:active { .progress.is-danger::-ms-fill { background-color: #ff3860; } +.progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%); +} .progress.is-small { height: 0.75rem; } @@ -4027,6 +4063,14 @@ a.box:active { height: 1.5rem; } +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} .table { background-color: white; color: #363636; @@ -4131,16 +4175,25 @@ a.box:active { border-color: #fff; color: currentColor; } +.table thead { + background-color: transparent; +} .table thead td, .table thead th { border-width: 0 0 2px; color: #363636; } +.table tfoot { + background-color: transparent; +} .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #363636; } +.table tbody { + background-color: transparent; +} .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; @@ -4198,6 +4251,12 @@ a.box:active { .tags:not(:last-child) { margin-bottom: 1rem; } +.tags.are-medium .tag:not(.is-normal):not(.is-large) { + font-size: 1rem; +} +.tags.are-large .tag:not(.is-normal):not(.is-medium) { + font-size: 1.25rem; +} .tags.has-addons .tag { margin-right: 0; } @@ -4225,6 +4284,18 @@ a.box:active { .tags.is-right .tag:not(:last-child) { margin-right: 0; } +.tags.has-addons .tag { + margin-right: 0; +} +.tags.has-addons .tag:not(:first-child) { + margin-left: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.tags.has-addons .tag:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} .tag:not(body) { align-items: center; @@ -4284,6 +4355,9 @@ a.box:active { background-color: #ff3860; color: #fff; } +.tag:not(body).is-normal { + font-size: 0.75rem; +} .tag:not(body).is-medium { font-size: 1rem; } @@ -4932,7 +5006,7 @@ a.list-item { .message strong { color: currentColor; } -.message a:not(.button):not(.tag) { +.message a:not(.button):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } @@ -6145,6 +6219,10 @@ a.navbar-item:hover, a.navbar-item.is-active, background-color: #fafafa; } } +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem); +} + .pagination { font-size: 1rem; margin: -0.25rem; @@ -8874,9 +8952,6 @@ label.panel-block:hover { .hero.is-fullheight { min-height: 100vh; } -.hero.is-fullheight-with-navbar { - min-height: calc(100vh - 3.25rem); -} .hero-video { overflow: hidden; |