diff --git a/web/themes/custom/geofresco/dist/css/global.css b/web/themes/custom/geofresco/dist/css/global.css index 0c47009..a676c93 100644 --- a/web/themes/custom/geofresco/dist/css/global.css +++ b/web/themes/custom/geofresco/dist/css/global.css @@ -14,6 +14,198 @@ -webkit-transform: rotate(359deg); transform: rotate(359deg); } } +.delete, .modal-close, .is-unselectable, .button, .breadcrumb, .pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, .tabs { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.navbar-link:not(.is-arrowless)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + width: 0.625em; } + +.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 1.5rem; } + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + pointer-events: auto; + display: inline-block; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + font-size: 0; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; } + .delete::before, .modal-close::before, .delete::after, .modal-close::after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; } + .delete::before, .modal-close::before { + height: 2px; + width: 50%; } + .delete::after, .modal-close::after { + height: 50%; + width: 2px; } + .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); } + .delete:active, .modal-close:active { + background-color: rgba(10, 10, 10, 0.4); } + .is-small.delete, .is-small.modal-close { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; } + .is-medium.delete, .is-medium.modal-close { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; } + .is-large.delete, .is-large.modal-close { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; } + +.button.is-loading::after, .loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; } + +.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; + right: 0; + top: 0; } + +.button, .pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.375em - 1px); + padding-left: calc(0.625em - 1px); + padding-right: calc(0.625em - 1px); + padding-top: calc(0.375em - 1px); + position: relative; + vertical-align: top; } + .button:focus, .pagination-previous:focus, + .pagination-next:focus, + .pagination-link:focus, + .pagination-ellipsis:focus, .is-focused.button, .is-focused.pagination-previous, + .is-focused.pagination-next, + .is-focused.pagination-link, + .is-focused.pagination-ellipsis, .button:active, .pagination-previous:active, + .pagination-next:active, + .pagination-link:active, + .pagination-ellipsis:active, .is-active.button, .is-active.pagination-previous, + .is-active.pagination-next, + .is-active.pagination-link, + .is-active.pagination-ellipsis { + outline: none; } + .button[disabled], .pagination-previous[disabled], + .pagination-next[disabled], + .pagination-link[disabled], + .pagination-ellipsis[disabled], + fieldset[disabled] .button, + fieldset[disabled] .pagination-previous, + fieldset[disabled] .pagination-next, + fieldset[disabled] .pagination-link, + fieldset[disabled] .pagination-ellipsis { + cursor: not-allowed; } + @font-face { font-family: 'Pagella'; src: url("../../fonts/texgyrepagella-regular-webfont.woff") format("woff"); @@ -38,7 +230,7 @@ font-weight: 700; font-style: italic; } -/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ +/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */ html, body, p, @@ -87,18 +279,19 @@ html { -webkit-box-sizing: border-box; box-sizing: border-box; } -* { +*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } - *:before, *:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; } img, embed, +iframe, object, -audio, video { + height: auto; + max-width: 100%; } + +audio { max-width: 100%; } iframe { @@ -110,8 +303,10 @@ table { td, th { - padding: 0; - text-align: left; } + padding: 0; } + td:not([align]), + th:not([align]) { + text-align: left; } html { background-color: white; @@ -151,7 +346,7 @@ pre { body { color: #4a4a4a; - font-size: 1rem; + font-size: 1em; font-weight: 400; line-height: 1.5; } @@ -172,10 +367,10 @@ code { padding: 0.25em 0.5em 0.25em; } hr { - background-color: #dbdbdb; + background-color: whitesmoke; border: none; display: block; - height: 1px; + height: 2px; margin: 1.5rem 0; } img { @@ -197,6 +392,9 @@ strong { color: #363636; font-weight: 700; } +fieldset { + border: none; } + pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; @@ -214,13 +412,15 @@ pre { table td, table th { - text-align: left; vertical-align: top; } + table td:not([align]), + table th:not([align]) { + text-align: left; } table th { color: #363636; } -.is-clearfix:after { +.is-clearfix::after { clear: both; content: " "; display: table; } @@ -234,13 +434,6 @@ table th { .is-clipped { overflow: hidden !important; } -.is-overlay { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; } - .is-size-1 { font-size: 3rem !important; } @@ -361,6 +554,15 @@ table th { .has-text-centered { text-align: center !important; } +.has-text-justified { + text-align: justify !important; } + +.has-text-left { + text-align: left !important; } + +.has-text-right { + text-align: right !important; } + @media screen and (max-width: 768px) { .has-text-centered-mobile { text-align: center !important; } } @@ -397,9 +599,6 @@ table th { .has-text-centered-fullhd { text-align: center !important; } } -.has-text-justified { - text-align: justify !important; } - @media screen and (max-width: 768px) { .has-text-justified-mobile { text-align: justify !important; } } @@ -436,9 +635,6 @@ table th { .has-text-justified-fullhd { text-align: justify !important; } } -.has-text-left { - text-align: left !important; } - @media screen and (max-width: 768px) { .has-text-left-mobile { text-align: left !important; } } @@ -475,9 +671,6 @@ table th { .has-text-left-fullhd { text-align: left !important; } } -.has-text-right { - text-align: right !important; } - @media screen and (max-width: 768px) { .has-text-right-mobile { text-align: right !important; } } @@ -532,99 +725,174 @@ table th { a.has-text-white:hover, a.has-text-white:focus { color: #e6e6e6 !important; } +.has-background-white { + background-color: white !important; } + .has-text-black { color: #0a0a0a !important; } a.has-text-black:hover, a.has-text-black:focus { color: black !important; } +.has-background-black { + background-color: #0a0a0a !important; } + .has-text-light { color: whitesmoke !important; } a.has-text-light:hover, a.has-text-light:focus { color: #dbdbdb !important; } +.has-background-light { + background-color: whitesmoke !important; } + .has-text-dark { color: #363636 !important; } a.has-text-dark:hover, a.has-text-dark:focus { color: #1c1c1c !important; } +.has-background-dark { + background-color: #363636 !important; } + .has-text-primary { color: #4391E0 !important; } a.has-text-primary:hover, a.has-text-primary:focus { color: #2277ce !important; } +.has-background-primary { + background-color: #4391E0 !important; } + .has-text-link { color: #4391E0 !important; } a.has-text-link:hover, a.has-text-link:focus { color: #2277ce !important; } +.has-background-link { + background-color: #4391E0 !important; } + .has-text-info { color: #209cee !important; } a.has-text-info:hover, a.has-text-info:focus { color: #0f81cc !important; } +.has-background-info { + background-color: #209cee !important; } + .has-text-success { color: #23d160 !important; } a.has-text-success:hover, a.has-text-success:focus { color: #1ca64c !important; } +.has-background-success { + background-color: #23d160 !important; } + .has-text-warning { color: #ffdd57 !important; } a.has-text-warning:hover, a.has-text-warning:focus { color: #ffd324 !important; } +.has-background-warning { + background-color: #ffdd57 !important; } + .has-text-danger { color: #a70c20 !important; } a.has-text-danger:hover, a.has-text-danger:focus { color: #770917 !important; } +.has-background-danger { + background-color: #a70c20 !important; } + .has-text-black-bis { color: #121212 !important; } +.has-background-black-bis { + background-color: #121212 !important; } + .has-text-black-ter { color: #242424 !important; } +.has-background-black-ter { + background-color: #242424 !important; } + .has-text-grey-darker { color: #363636 !important; } +.has-background-grey-darker { + background-color: #363636 !important; } + .has-text-grey-dark { color: #4a4a4a !important; } +.has-background-grey-dark { + background-color: #4a4a4a !important; } + .has-text-grey { color: #7a7a7a !important; } +.has-background-grey { + background-color: #7a7a7a !important; } + .has-text-grey-light { color: #b5b5b5 !important; } +.has-background-grey-light { + background-color: #b5b5b5 !important; } + .has-text-grey-lighter { color: #dbdbdb !important; } +.has-background-grey-lighter { + background-color: #dbdbdb !important; } + .has-text-white-ter { color: whitesmoke !important; } +.has-background-white-ter { + background-color: whitesmoke !important; } + .has-text-white-bis { color: #fafafa !important; } +.has-background-white-bis { + background-color: #fafafa !important; } + .has-text-weight-light { font-weight: 300 !important; } .has-text-weight-normal { font-weight: 400 !important; } +.has-text-weight-medium { + font-weight: 500 !important; } + .has-text-weight-semibold { font-weight: 600 !important; } .has-text-weight-bold { 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; } @@ -863,6 +1131,16 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-hidden { display: none !important; } +.is-sr-only { + border: none !important; + clip: rect(0, 0, 0, 0) !important; + height: 0.01em !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + white-space: nowrap !important; + width: 0.01em !important; } + @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } @@ -951,12 +1229,8 @@ a.has-text-danger:hover, a.has-text-danger:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } -.is-unselectable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } +.is-relative { + position: relative !important; } .title, .content h1, @@ -984,14 +1258,12 @@ a.has-text-danger:hover, a.has-text-danger:focus { .box { background-color: white; - border-radius: 5px; + border-radius: 6px; -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; padding: 1.25rem; } - .box:not(:last-child) { - margin-bottom: 1.5rem; } a.box:hover, a.box:focus { -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #4391E0; @@ -1002,50 +1274,20 @@ a.box:active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #4391E0; } .button { - -moz-appearance: none; - -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; background-color: white; border-color: #dbdbdb; + border-width: 1px; color: #363636; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; + padding-bottom: calc(0.375em - 1px); padding-left: 0.75em; padding-right: 0.75em; + padding-top: calc(0.375em - 1px); text-align: center; white-space: nowrap; } - .button:focus, .button.is-focused, .button:active, .button.is-active { - outline: none; } - .button[disabled] { - cursor: not-allowed; } .button strong { color: inherit; } .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { @@ -1083,7 +1325,8 @@ a.box:active { .button.is-text:active, .button.is-text.is-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; -webkit-box-shadow: none; @@ -1106,7 +1349,8 @@ a.box:active { background-color: #f2f2f2; border-color: transparent; color: #0a0a0a; } - .button.is-white[disabled] { + .button.is-white[disabled], + fieldset[disabled] .button.is-white { background-color: white; border-color: transparent; -webkit-box-shadow: none; @@ -1114,27 +1358,31 @@ a.box:active { .button.is-white.is-inverted { background-color: #0a0a0a; color: white; } - .button.is-white.is-inverted:hover { + .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: white; } - .button.is-white.is-loading:after { + .button.is-white.is-loading::after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } .button.is-white.is-outlined { background-color: transparent; border-color: white; color: white; } - .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { + .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { background-color: white; border-color: white; color: #0a0a0a; } - .button.is-white.is-outlined.is-loading:after { + .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.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; } + .button.is-white.is-outlined[disabled], + fieldset[disabled] .button.is-white.is-outlined { background-color: transparent; border-color: white; -webkit-box-shadow: none; @@ -1144,10 +1392,13 @@ a.box:active { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; } - .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { + .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { background-color: #0a0a0a; color: white; } - .button.is-white.is-inverted.is-outlined[disabled] { + .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent white white !important; } + .button.is-white.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; -webkit-box-shadow: none; @@ -1171,7 +1422,8 @@ a.box:active { background-color: black; border-color: transparent; color: white; } - .button.is-black[disabled] { + .button.is-black[disabled], + fieldset[disabled] .button.is-black { background-color: #0a0a0a; border-color: transparent; -webkit-box-shadow: none; @@ -1179,27 +1431,31 @@ a.box:active { .button.is-black.is-inverted { background-color: white; color: #0a0a0a; } - .button.is-black.is-inverted:hover { + .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #0a0a0a; } - .button.is-black.is-loading:after { + .button.is-black.is-loading::after { border-color: transparent transparent white white !important; } .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; color: #0a0a0a; } - .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { + .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { background-color: #0a0a0a; border-color: #0a0a0a; color: white; } - .button.is-black.is-outlined.is-loading:after { + .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.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent white white !important; } + .button.is-black.is-outlined[disabled], + fieldset[disabled] .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; -webkit-box-shadow: none; @@ -1209,10 +1465,13 @@ a.box:active { background-color: transparent; border-color: white; color: white; } - .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { background-color: white; color: #0a0a0a; } - .button.is-black.is-inverted.is-outlined[disabled] { + .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; } + .button.is-black.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: white; -webkit-box-shadow: none; @@ -1236,7 +1495,8 @@ a.box:active { background-color: #e8e8e8; border-color: transparent; color: #363636; } - .button.is-light[disabled] { + .button.is-light[disabled], + fieldset[disabled] .button.is-light { background-color: whitesmoke; border-color: transparent; -webkit-box-shadow: none; @@ -1244,27 +1504,31 @@ a.box:active { .button.is-light.is-inverted { background-color: #363636; color: whitesmoke; } - .button.is-light.is-inverted:hover { + .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: whitesmoke; } - .button.is-light.is-loading:after { + .button.is-light.is-loading::after { border-color: transparent transparent #363636 #363636 !important; } .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; color: whitesmoke; } - .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { + .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { background-color: whitesmoke; border-color: whitesmoke; color: #363636; } - .button.is-light.is-outlined.is-loading:after { + .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.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; } + .button.is-light.is-outlined[disabled], + fieldset[disabled] .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; -webkit-box-shadow: none; @@ -1274,10 +1538,13 @@ a.box:active { background-color: transparent; border-color: #363636; color: #363636; } - .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { + .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { background-color: #363636; color: whitesmoke; } - .button.is-light.is-inverted.is-outlined[disabled] { + .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent whitesmoke whitesmoke !important; } + .button.is-light.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: #363636; -webkit-box-shadow: none; @@ -1301,7 +1568,8 @@ a.box:active { background-color: #292929; border-color: transparent; color: whitesmoke; } - .button.is-dark[disabled] { + .button.is-dark[disabled], + fieldset[disabled] .button.is-dark { background-color: #363636; border-color: transparent; -webkit-box-shadow: none; @@ -1309,27 +1577,31 @@ a.box:active { .button.is-dark.is-inverted { background-color: whitesmoke; color: #363636; } - .button.is-dark.is-inverted:hover { + .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #363636; } - .button.is-dark.is-loading:after { + .button.is-dark.is-loading::after { border-color: transparent transparent whitesmoke whitesmoke !important; } .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; color: #363636; } - .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { + .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { background-color: #363636; border-color: #363636; color: whitesmoke; } - .button.is-dark.is-outlined.is-loading:after { + .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.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent whitesmoke whitesmoke !important; } + .button.is-dark.is-outlined[disabled], + fieldset[disabled] .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; -webkit-box-shadow: none; @@ -1339,10 +1611,13 @@ a.box:active { background-color: transparent; border-color: whitesmoke; color: whitesmoke; } - .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { background-color: whitesmoke; color: #363636; } - .button.is-dark.is-inverted.is-outlined[disabled] { + .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; } + .button.is-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: whitesmoke; -webkit-box-shadow: none; @@ -1366,7 +1641,8 @@ a.box:active { background-color: #2d84dc; border-color: transparent; color: #fff; } - .button.is-primary[disabled] { + .button.is-primary[disabled], + fieldset[disabled] .button.is-primary { background-color: #4391E0; border-color: transparent; -webkit-box-shadow: none; @@ -1374,27 +1650,31 @@ a.box:active { .button.is-primary.is-inverted { background-color: #fff; color: #4391E0; } - .button.is-primary.is-inverted:hover { + .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #4391E0; } - .button.is-primary.is-loading:after { + .button.is-primary.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined { background-color: transparent; border-color: #4391E0; color: #4391E0; } - .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { + .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { background-color: #4391E0; border-color: #4391E0; color: #fff; } - .button.is-primary.is-outlined.is-loading:after { + .button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent #4391E0 #4391E0 !important; } - .button.is-primary.is-outlined[disabled] { + .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; } + .button.is-primary.is-outlined[disabled], + fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; border-color: #4391E0; -webkit-box-shadow: none; @@ -1404,10 +1684,13 @@ a.box:active { background-color: transparent; border-color: #fff; color: #fff; } - .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { background-color: #fff; color: #4391E0; } - .button.is-primary.is-inverted.is-outlined[disabled] { + .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #4391E0 #4391E0 !important; } + .button.is-primary.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; @@ -1431,7 +1714,8 @@ a.box:active { background-color: #2d84dc; border-color: transparent; color: #fff; } - .button.is-link[disabled] { + .button.is-link[disabled], + fieldset[disabled] .button.is-link { background-color: #4391E0; border-color: transparent; -webkit-box-shadow: none; @@ -1439,27 +1723,31 @@ a.box:active { .button.is-link.is-inverted { background-color: #fff; color: #4391E0; } - .button.is-link.is-inverted:hover { + .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #4391E0; } - .button.is-link.is-loading:after { + .button.is-link.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-link.is-outlined { background-color: transparent; border-color: #4391E0; color: #4391E0; } - .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus { + .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { background-color: #4391E0; border-color: #4391E0; color: #fff; } - .button.is-link.is-outlined.is-loading:after { + .button.is-link.is-outlined.is-loading::after { border-color: transparent transparent #4391E0 #4391E0 !important; } - .button.is-link.is-outlined[disabled] { + .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; } + .button.is-link.is-outlined[disabled], + fieldset[disabled] .button.is-link.is-outlined { background-color: transparent; border-color: #4391E0; -webkit-box-shadow: none; @@ -1469,10 +1757,13 @@ a.box:active { background-color: transparent; border-color: #fff; color: #fff; } - .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus { + .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { background-color: #fff; color: #4391E0; } - .button.is-link.is-inverted.is-outlined[disabled] { + .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #4391E0 #4391E0 !important; } + .button.is-link.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; @@ -1496,7 +1787,8 @@ a.box:active { background-color: #118fe4; border-color: transparent; color: #fff; } - .button.is-info[disabled] { + .button.is-info[disabled], + fieldset[disabled] .button.is-info { background-color: #209cee; border-color: transparent; -webkit-box-shadow: none; @@ -1504,27 +1796,31 @@ a.box:active { .button.is-info.is-inverted { background-color: #fff; color: #209cee; } - .button.is-info.is-inverted:hover { + .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #209cee; } - .button.is-info.is-loading:after { + .button.is-info.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined { background-color: transparent; border-color: #209cee; color: #209cee; } - .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { + .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused { background-color: #209cee; border-color: #209cee; color: #fff; } - .button.is-info.is-outlined.is-loading:after { + .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.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; } + .button.is-info.is-outlined[disabled], + fieldset[disabled] .button.is-info.is-outlined { background-color: transparent; border-color: #209cee; -webkit-box-shadow: none; @@ -1534,10 +1830,13 @@ a.box:active { background-color: transparent; border-color: #fff; color: #fff; } - .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { background-color: #fff; color: #209cee; } - .button.is-info.is-inverted.is-outlined[disabled] { + .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #209cee #209cee !important; } + .button.is-info.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; @@ -1561,7 +1860,8 @@ a.box:active { background-color: #20bc56; border-color: transparent; color: #fff; } - .button.is-success[disabled] { + .button.is-success[disabled], + fieldset[disabled] .button.is-success { background-color: #23d160; border-color: transparent; -webkit-box-shadow: none; @@ -1569,27 +1869,31 @@ a.box:active { .button.is-success.is-inverted { background-color: #fff; color: #23d160; } - .button.is-success.is-inverted:hover { + .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #23d160; } - .button.is-success.is-loading:after { + .button.is-success.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined { background-color: transparent; border-color: #23d160; color: #23d160; } - .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { + .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { background-color: #23d160; border-color: #23d160; color: #fff; } - .button.is-success.is-outlined.is-loading:after { + .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.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; } + .button.is-success.is-outlined[disabled], + fieldset[disabled] .button.is-success.is-outlined { background-color: transparent; border-color: #23d160; -webkit-box-shadow: none; @@ -1599,10 +1903,13 @@ a.box:active { background-color: transparent; border-color: #fff; color: #fff; } - .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { background-color: #fff; color: #23d160; } - .button.is-success.is-inverted.is-outlined[disabled] { + .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #23d160 #23d160 !important; } + .button.is-success.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; @@ -1626,7 +1933,8 @@ a.box:active { background-color: #ffd83d; 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; -webkit-box-shadow: none; @@ -1634,27 +1942,31 @@ a.box:active { .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; } - .button.is-warning.is-inverted:hover { + .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #ffdd57; } - .button.is-warning.is-loading:after { + .button.is-warning.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; color: #ffdd57; } - .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { + .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { background-color: #ffdd57; border-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } - .button.is-warning.is-outlined.is-loading:after { + .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.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } + .button.is-warning.is-outlined[disabled], + fieldset[disabled] .button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; -webkit-box-shadow: none; @@ -1664,10 +1976,13 @@ a.box:active { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } - .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { 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.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; } + .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); -webkit-box-shadow: none; @@ -1691,7 +2006,8 @@ a.box:active { background-color: #8f0a1b; border-color: transparent; color: #fff; } - .button.is-danger[disabled] { + .button.is-danger[disabled], + fieldset[disabled] .button.is-danger { background-color: #a70c20; border-color: transparent; -webkit-box-shadow: none; @@ -1699,27 +2015,31 @@ a.box:active { .button.is-danger.is-inverted { background-color: #fff; color: #a70c20; } - .button.is-danger.is-inverted:hover { + .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { 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; -webkit-box-shadow: none; box-shadow: none; color: #a70c20; } - .button.is-danger.is-loading:after { + .button.is-danger.is-loading::after { border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined { background-color: transparent; border-color: #a70c20; color: #a70c20; } - .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { + .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { background-color: #a70c20; border-color: #a70c20; color: #fff; } - .button.is-danger.is-outlined.is-loading:after { + .button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent #a70c20 #a70c20 !important; } - .button.is-danger.is-outlined[disabled] { + .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; } + .button.is-danger.is-outlined[disabled], + fieldset[disabled] .button.is-danger.is-outlined { background-color: transparent; border-color: #a70c20; -webkit-box-shadow: none; @@ -1729,10 +2049,13 @@ a.box:active { background-color: transparent; border-color: #fff; color: #fff; } - .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { background-color: #fff; color: #a70c20; } - .button.is-danger.is-inverted.is-outlined[disabled] { + .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #a70c20 #a70c20 !important; } + .button.is-danger.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; -webkit-box-shadow: none; @@ -1741,11 +2064,14 @@ a.box:active { .button.is-small { 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; -webkit-box-shadow: none; @@ -1759,18 +2085,7 @@ a.box:active { .button.is-loading { color: transparent !important; pointer-events: none; } - .button.is-loading:after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; + .button.is-loading::after { position: absolute; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); @@ -1801,12 +2116,19 @@ a.box:active { justify-content: flex-start; } .buttons .button { margin-bottom: 0.5rem; } - .buttons .button:not(:last-child) { + .buttons .button:not(:last-child):not(.is-fullwidth) { margin-right: 0.5rem; } .buttons:last-child { margin-bottom: -0.5rem; } .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; } @@ -1822,46 +2144,53 @@ a.box:active { z-index: 3; } .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; } + .buttons.has-addons .button.is-expanded { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .buttons.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } + .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; } .buttons.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } + .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; } .container { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; margin: 0 auto; - position: relative; } + position: relative; + width: auto; } @media screen and (min-width: 1024px) { .container { - max-width: 960px; - width: 960px; } + max-width: 960px; } .container.is-fluid { margin-left: 32px; margin-right: 32px; - max-width: none; - width: auto; } } + max-width: none; } } @media screen and (max-width: 1215px) { .container.is-widescreen { - max-width: 1152px; - width: auto; } } + max-width: 1152px; } } @media screen and (max-width: 1407px) { .container.is-fullhd { - max-width: 1344px; - width: auto; } } + max-width: 1344px; } } @media screen and (min-width: 1216px) { .container { - max-width: 1152px; - width: 1152px; } } + max-width: 1152px; } } @media screen and (min-width: 1408px) { .container { - max-width: 1344px; - width: 1344px; } } - -.content:not(:last-child) { - margin-bottom: 1.5rem; } + max-width: 1344px; } } .content li + li { margin-top: 0.25em; } @@ -1882,7 +2211,7 @@ a.box:active { .content h5, .content h6 { color: #363636; - font-weight: 400; + font-weight: 600; line-height: 1.125; } .content h1 { @@ -1921,9 +2250,19 @@ a.box:active { padding: 1.25em 1.5em; } .content ol { - list-style: decimal outside; + list-style-position: outside; margin-left: 2em; margin-top: 1em; } + .content ol:not([type]) { + list-style-type: decimal; } + .content ol:not([type]).is-lower-alpha { + list-style-type: lower-alpha; } + .content ol:not([type]).is-lower-roman { + list-style-type: lower-roman; } + .content ol:not([type]).is-upper-alpha { + list-style-type: upper-alpha; } + .content ol:not([type]).is-upper-roman { + list-style-type: upper-roman; } .content ul { list-style: disc outside; @@ -1971,10 +2310,9 @@ a.box:active { padding: 0.5em 0.75em; vertical-align: top; } .content table th { - color: #363636; - text-align: left; } - .content table tr:hover { - background-color: whitesmoke; } + color: #363636; } + .content table th:not([align]) { + text-align: left; } .content table thead td, .content table thead th { border-width: 0 0 2px; @@ -1987,6 +2325,9 @@ a.box:active { .content table tbody tr:last-child th { border-bottom-width: 0; } +.content .tabs li + li { + margin-top: 0; } + .content.is-small { font-size: 0.75rem; } @@ -1996,1118 +2337,6 @@ a.box:active { .content.is-large { font-size: 1.5rem; } -.input, -.textarea { - -moz-appearance: none; - -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - background-color: white; - border-color: #dbdbdb; - color: #363636; - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - max-width: 100%; - width: 100%; } - .input:focus, .input.is-focused, .input:active, .input.is-active, - .textarea:focus, - .textarea.is-focused, - .textarea:active, - .textarea.is-active { - outline: none; } - .input[disabled], - .textarea[disabled] { - cursor: not-allowed; } - .input::-moz-placeholder, - .textarea::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input::-webkit-input-placeholder, - .textarea::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:-moz-placeholder, - .textarea:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:-ms-input-placeholder, - .textarea:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:hover, .input.is-hovered, - .textarea:hover, - .textarea.is-hovered { - border-color: #b5b5b5; } - .input:focus, .input.is-focused, .input:active, .input.is-active, - .textarea:focus, - .textarea.is-focused, - .textarea:active, - .textarea.is-active { - border-color: #4391E0; - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } - .input[disabled], - .textarea[disabled] { - background-color: whitesmoke; - border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; - color: #7a7a7a; } - .input[disabled]::-moz-placeholder, - .textarea[disabled]::-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]::-webkit-input-placeholder, - .textarea[disabled]::-webkit-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]:-moz-placeholder, - .textarea[disabled]:-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]:-ms-input-placeholder, - .textarea[disabled]:-ms-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[readonly], - .textarea[readonly] { - -webkit-box-shadow: none; - box-shadow: none; } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .input.is-primary, - .textarea.is-primary { - border-color: #4391E0; } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } - .input.is-link, - .textarea.is-link { - border-color: #4391E0; } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .input.is-danger, - .textarea.is-danger { - border-color: #a70c20; } - .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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); - box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } - .input.is-small, - .textarea.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .input.is-medium, - .textarea.is-medium { - font-size: 1.25rem; } - .input.is-large, - .textarea.is-large { - font-size: 1.5rem; } - .input.is-fullwidth, - .textarea.is-fullwidth { - display: block; - width: 100%; } - .input.is-inline, - .textarea.is-inline { - display: inline; - width: auto; } - -.input.is-rounded { - border-radius: 290486px; - padding-left: 1em; - padding-right: 1em; } - -.input.is-static { - background-color: transparent; - border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; - padding-left: 0; - padding-right: 0; } - -.textarea { - display: block; - max-width: 100%; - min-width: 100%; - padding: 0.625em; - resize: vertical; } - .textarea:not([rows]) { - max-height: 600px; - min-height: 120px; } - .textarea[rows] { - height: unset; } - .textarea.has-fixed-size { - resize: none; } - -.checkbox, -.radio { - cursor: pointer; - display: inline-block; - line-height: 1.25; - position: relative; } - .checkbox input, - .radio input { - cursor: pointer; } - .checkbox:hover, - .radio:hover { - color: #363636; } - .checkbox[disabled], - .radio[disabled] { - color: #7a7a7a; - cursor: not-allowed; } - -.radio + .radio { - margin-left: 0.5em; } - -.select { - display: inline-block; - max-width: 100%; - position: relative; - vertical-align: top; } - .select:not(.is-multiple) { - height: 2.25em; } - .select:not(.is-multiple)::after { - border: 1px solid #4391E0; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.5em; - pointer-events: none; - position: absolute; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - width: 0.5em; - margin-top: -0.375em; - right: 1.125em; - top: 50%; - z-index: 4; } - .select.is-rounded select { - border-radius: 290486px; - padding-left: 1em; } - .select select { - -moz-appearance: none; - -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - background-color: white; - border-color: #dbdbdb; - color: #363636; - cursor: pointer; - display: block; - font-size: 1em; - max-width: 100%; - outline: none; } - .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { - outline: none; } - .select select[disabled] { - cursor: not-allowed; } - .select select::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:hover, .select select.is-hovered { - border-color: #b5b5b5; } - .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { - border-color: #4391E0; - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } - .select select[disabled] { - background-color: whitesmoke; - border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; - color: #7a7a7a; } - .select select[disabled]::-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]::-webkit-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]:-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]:-ms-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select::-ms-expand { - display: none; } - .select select[disabled]:hover { - border-color: whitesmoke; } - .select select:not([multiple]) { - padding-right: 2.5em; } - .select select[multiple] { - height: unset; - padding: 0; } - .select select[multiple] option { - padding: 0.5em 1em; } - .select:hover::after { - border-color: #363636; } - .select.is-white select { - border-color: white; } - .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .select.is-black select { - border-color: #0a0a0a; } - .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .select.is-light select { - border-color: whitesmoke; } - .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .select.is-dark select { - border-color: #363636; } - .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .select.is-primary select { - border-color: #4391E0; } - .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } - .select.is-link select { - border-color: #4391E0; } - .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0 0.125em rgba(67, 145, 224, 0.25); } - .select.is-info select { - border-color: #209cee; } - .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .select.is-success select { - border-color: #23d160; } - .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .select.is-warning select { - border-color: #ffdd57; } - .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .select.is-danger select { - border-color: #a70c20; } - .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); - box-shadow: 0 0 0 0.125em rgba(167, 12, 32, 0.25); } - .select.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .select.is-medium { - font-size: 1.25rem; } - .select.is-large { - font-size: 1.5rem; } - .select.is-disabled::after { - border-color: #7a7a7a; } - .select.is-fullwidth { - width: 100%; } - .select.is-fullwidth select { - width: 100%; } - .select.is-loading::after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; - margin-top: 0; - position: absolute; - right: 0.625em; - top: 0.625em; - -webkit-transform: none; - -ms-transform: none; - transform: none; } - .select.is-loading.is-small:after { - font-size: 0.75rem; } - .select.is-loading.is-medium:after { - font-size: 1.25rem; } - .select.is-loading.is-large:after { - font-size: 1.5rem; } - -.file { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - position: relative; } - .file.is-white .file-cta { - background-color: white; - border-color: transparent; - color: #0a0a0a; } - .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { - background-color: #f9f9f9; - border-color: transparent; - color: #0a0a0a; } - .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - color: #0a0a0a; } - .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { - background-color: #f2f2f2; - border-color: transparent; - color: #0a0a0a; } - .file.is-black .file-cta { - background-color: #0a0a0a; - border-color: transparent; - color: white; } - .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { - background-color: #040404; - border-color: transparent; - color: white; } - .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - color: white; } - .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { - background-color: black; - border-color: transparent; - color: white; } - .file.is-light .file-cta { - background-color: whitesmoke; - border-color: transparent; - color: #363636; } - .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { - background-color: #eeeeee; - border-color: transparent; - color: #363636; } - .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - color: #363636; } - .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { - background-color: #e8e8e8; - border-color: transparent; - color: #363636; } - .file.is-dark .file-cta { - background-color: #363636; - border-color: transparent; - color: whitesmoke; } - .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { - background-color: #2f2f2f; - border-color: transparent; - color: whitesmoke; } - .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - color: whitesmoke; } - .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { - background-color: #292929; - border-color: transparent; - color: whitesmoke; } - .file.is-primary .file-cta { - background-color: #4391E0; - border-color: transparent; - color: #fff; } - .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #388bde; - border-color: transparent; - color: #fff; } - .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); - color: #fff; } - .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #2d84dc; - border-color: transparent; - color: #fff; } - .file.is-link .file-cta { - background-color: #4391E0; - border-color: transparent; - color: #fff; } - .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { - background-color: #388bde; - border-color: transparent; - color: #fff; } - .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); - box-shadow: 0 0 0.5em rgba(67, 145, 224, 0.25); - color: #fff; } - .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { - background-color: #2d84dc; - border-color: transparent; - color: #fff; } - .file.is-info .file-cta { - background-color: #209cee; - border-color: transparent; - color: #fff; } - .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { - background-color: #1496ed; - border-color: transparent; - color: #fff; } - .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); - box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); - color: #fff; } - .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { - background-color: #118fe4; - border-color: transparent; - color: #fff; } - .file.is-success .file-cta { - background-color: #23d160; - border-color: transparent; - color: #fff; } - .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { - background-color: #22c65b; - border-color: transparent; - color: #fff; } - .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); - color: #fff; } - .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { - background-color: #20bc56; - border-color: transparent; - color: #fff; } - .file.is-warning .file-cta { - background-color: #ffdd57; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { - background-color: #ffdb4a; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); - color: rgba(0, 0, 0, 0.7); } - .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { - background-color: #ffd83d; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - .file.is-danger .file-cta { - background-color: #a70c20; - border-color: transparent; - color: #fff; } - .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { - background-color: #9b0b1e; - border-color: transparent; - color: #fff; } - .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { - border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(167, 12, 32, 0.25); - box-shadow: 0 0 0.5em rgba(167, 12, 32, 0.25); - color: #fff; } - .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { - background-color: #8f0a1b; - border-color: transparent; - color: #fff; } - .file.is-small { - font-size: 0.75rem; } - .file.is-medium { - font-size: 1.25rem; } - .file.is-medium .file-icon .fa { - font-size: 21px; } - .file.is-large { - font-size: 1.5rem; } - .file.is-large .file-icon .fa { - font-size: 28px; } - .file.has-name .file-cta { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .file.has-name .file-name { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .file.has-name.is-empty .file-cta { - border-radius: 3px; } - .file.has-name.is-empty .file-name { - display: none; } - .file.is-boxed .file-label { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - .file.is-boxed .file-cta { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - height: auto; - padding: 1em 3em; } - .file.is-boxed .file-name { - border-width: 0 1px 1px; } - .file.is-boxed .file-icon { - height: 1.5em; - width: 1.5em; } - .file.is-boxed .file-icon .fa { - font-size: 21px; } - .file.is-boxed.is-small .file-icon .fa { - font-size: 14px; } - .file.is-boxed.is-medium .file-icon .fa { - font-size: 28px; } - .file.is-boxed.is-large .file-icon .fa { - font-size: 35px; } - .file.is-boxed.has-name .file-cta { - border-radius: 3px 3px 0 0; } - .file.is-boxed.has-name .file-name { - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px; } - .file.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .file.is-fullwidth .file-label { - width: 100%; } - .file.is-fullwidth .file-name { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - max-width: none; } - .file.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - .file.is-right .file-cta { - border-radius: 0 3px 3px 0; } - .file.is-right .file-name { - border-radius: 3px 0 0 3px; - border-width: 1px 0 1px 1px; - -webkit-box-ordinal-group: 0; - -ms-flex-order: -1; - order: -1; } - -.file-label { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - cursor: pointer; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - overflow: hidden; - position: relative; } - .file-label:hover .file-cta { - background-color: #eeeeee; - color: #363636; } - .file-label:hover .file-name { - border-color: #d5d5d5; } - .file-label:active .file-cta { - background-color: #e8e8e8; - color: #363636; } - .file-label:active .file-name { - border-color: #cfcfcf; } - -.file-input { - height: 0.01em; - left: 0; - outline: none; - position: absolute; - top: 0; - width: 0.01em; } - -.file-cta, -.file-name { - -moz-appearance: none; - -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - border-color: #dbdbdb; - border-radius: 3px; - font-size: 1em; - padding-left: 1em; - padding-right: 1em; - white-space: nowrap; } - .file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active, - .file-name:focus, - .file-name.is-focused, - .file-name:active, - .file-name.is-active { - outline: none; } - .file-cta[disabled], - .file-name[disabled] { - cursor: not-allowed; } - -.file-cta { - background-color: whitesmoke; - color: #4a4a4a; } - -.file-name { - border-color: #dbdbdb; - border-style: solid; - border-width: 1px 1px 1px 0; - display: block; - max-width: 16em; - overflow: hidden; - text-align: left; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; } - -.file-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - height: 1em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 0.5em; - width: 1em; } - .file-icon .fa { - font-size: 14px; } - -.label { - color: #363636; - display: block; - font-size: 1rem; - font-weight: 700; } - .label:not(:last-child) { - margin-bottom: 0.5em; } - .label.is-small { - font-size: 0.75rem; } - .label.is-medium { - font-size: 1.25rem; } - .label.is-large { - font-size: 1.5rem; } - -.help { - display: block; - font-size: 0.75rem; - margin-top: 0.25rem; } - .help.is-white { - color: white; } - .help.is-black { - color: #0a0a0a; } - .help.is-light { - color: whitesmoke; } - .help.is-dark { - color: #363636; } - .help.is-primary { - color: #4391E0; } - .help.is-link { - color: #4391E0; } - .help.is-info { - color: #209cee; } - .help.is-success { - color: #23d160; } - .help.is-warning { - color: #ffdd57; } - .help.is-danger { - color: #a70c20; } - -.field:not(:last-child) { - margin-bottom: 0.75rem; } - -.field.has-addons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - .field.has-addons .control:not(:last-child) { - margin-right: -1px; } - .field.has-addons .control:not(:first-child):not(:last-child) .button, - .field.has-addons .control:not(:first-child):not(:last-child) .input, - .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 { - 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 { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, - .field.has-addons .control .input:hover, - .field.has-addons .control .input.is-hovered, - .field.has-addons .control .select select:hover, - .field.has-addons .control .select select.is-hovered { - z-index: 2; } - .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, - .field.has-addons .control .input:focus, - .field.has-addons .control .input.is-focused, - .field.has-addons .control .input:active, - .field.has-addons .control .input.is-active, - .field.has-addons .control .select select:focus, - .field.has-addons .control .select select.is-focused, - .field.has-addons .control .select select:active, - .field.has-addons .control .select select.is-active { - z-index: 3; } - .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, - .field.has-addons .control .input:focus:hover, - .field.has-addons .control .input.is-focused:hover, - .field.has-addons .control .input:active:hover, - .field.has-addons .control .input.is-active:hover, - .field.has-addons .control .select select:focus:hover, - .field.has-addons .control .select select.is-focused:hover, - .field.has-addons .control .select select:active:hover, - .field.has-addons .control .select select.is-active:hover { - z-index: 4; } - .field.has-addons .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - .field.has-addons.has-addons-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .field.has-addons.has-addons-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - .field.has-addons.has-addons-fullwidth .control { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; } - -.field.is-grouped { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - .field.is-grouped > .control { - -ms-flex-negative: 0; - flex-shrink: 0; } - .field.is-grouped > .control:not(:last-child) { - margin-bottom: 0; - margin-right: 0.75rem; } - .field.is-grouped > .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; } - .field.is-grouped.is-grouped-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .field.is-grouped.is-grouped-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - .field.is-grouped.is-grouped-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { - margin-bottom: 0.75rem; } - .field.is-grouped.is-grouped-multiline:last-child { - margin-bottom: -0.75rem; } - .field.is-grouped.is-grouped-multiline:not(:last-child) { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field.is-horizontal { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } } - -.field-label .label { - font-size: inherit; } - -@media screen and (max-width: 768px) { - .field-label { - margin-bottom: 0.5rem; } } - -@media screen and (min-width: 769px), print { - .field-label { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - margin-right: 1.5rem; - text-align: right; } - .field-label.is-small { - font-size: 0.75rem; - padding-top: 0.375em; } - .field-label.is-normal { - padding-top: 0.375em; } - .field-label.is-medium { - font-size: 1.25rem; - padding-top: 0.375em; } - .field-label.is-large { - font-size: 1.5rem; - padding-top: 0.375em; } } - -.field-body .field .field { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field-body { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 5; - -ms-flex-positive: 5; - flex-grow: 5; - -ms-flex-negative: 1; - flex-shrink: 1; } - .field-body .field { - margin-bottom: 0; } - .field-body > .field { - -ms-flex-negative: 1; - flex-shrink: 1; } - .field-body > .field:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - .field-body > .field:not(:last-child) { - margin-right: 0.75rem; } } - -.control { - 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 { - color: #7a7a7a; } - .control.has-icons-left .input.is-small ~ .icon, - .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, - .control.has-icons-right .select.is-small ~ .icon { - font-size: 0.75rem; } - .control.has-icons-left .input.is-medium ~ .icon, - .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, - .control.has-icons-right .select.is-medium ~ .icon { - font-size: 1.25rem; } - .control.has-icons-left .input.is-large ~ .icon, - .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, - .control.has-icons-right .select.is-large ~ .icon { - font-size: 1.5rem; } - .control.has-icons-left .icon, .control.has-icons-right .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; } - .control.has-icons-left .input, - .control.has-icons-left .select select { - padding-left: 2.25em; } - .control.has-icons-left .icon.is-left { - left: 0; } - .control.has-icons-right .input, - .control.has-icons-right .select select { - padding-right: 2.25em; } - .control.has-icons-right .icon.is-right { - right: 0; } - .control.is-loading::after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; - position: absolute !important; - right: 0.625em; - top: 0.625em; - z-index: 4; } - .control.is-loading.is-small:after { - font-size: 0.75rem; } - .control.is-loading.is-medium:after { - font-size: 1.25rem; } - .control.is-loading.is-large:after { - font-size: 1.5rem; } - .icon { -webkit-box-align: center; -ms-flex-align: center; @@ -3139,24 +2368,55 @@ a.box:active { width: 100%; } .image img.is-rounded { border-radius: 290486px; } - .image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; + .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%; } .image.is-square, .image.is-1by1 { padding-top: 100%; } + .image.is-5by4 { + padding-top: 80%; } .image.is-4by3 { padding-top: 75%; } .image.is-3by2 { padding-top: 66.6666%; } + .image.is-5by3 { + padding-top: 60%; } .image.is-16by9 { padding-top: 56.25%; } .image.is-2by1 { padding-top: 50%; } + .image.is-3by1 { + padding-top: 33.3333%; } + .image.is-4by5 { + padding-top: 125%; } + .image.is-3by4 { + padding-top: 133.3333%; } + .image.is-2by3 { + padding-top: 150%; } + .image.is-3by5 { + padding-top: 166.6666%; } + .image.is-9by16 { + padding-top: 177.7777%; } + .image.is-1by2 { + padding-top: 200%; } + .image.is-1by3 { + padding-top: 300%; } .image.is-16x16 { height: 16px; width: 16px; } @@ -3181,12 +2441,10 @@ a.box:active { .notification { background-color: whitesmoke; - border-radius: 3px; + border-radius: 4px; padding: 1.25rem 2.5rem 1.25rem 1.5rem; position: relative; } - .notification:not(:last-child) { - margin-bottom: 1.5rem; } - .notification a:not(.button) { + .notification a:not(.button):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .notification strong { @@ -3245,8 +2503,6 @@ a.box:active { overflow: hidden; padding: 0; width: 100%; } - .progress:not(:last-child) { - margin-bottom: 1.5rem; } .progress::-webkit-progress-bar { background-color: #dbdbdb; } .progress::-webkit-progress-value { @@ -3262,60 +2518,120 @@ a.box:active { background-color: white; } .progress.is-white::-ms-fill { background-color: white; } + .progress.is-white:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, white), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, white 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, white 30%, #dbdbdb 30%); } .progress.is-black::-webkit-progress-value { background-color: #0a0a0a; } .progress.is-black::-moz-progress-bar { background-color: #0a0a0a; } .progress.is-black::-ms-fill { background-color: #0a0a0a; } + .progress.is-black:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #0a0a0a), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #0a0a0a 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%); } .progress.is-light::-webkit-progress-value { background-color: whitesmoke; } .progress.is-light::-moz-progress-bar { background-color: whitesmoke; } .progress.is-light::-ms-fill { background-color: whitesmoke; } + .progress.is-light:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, whitesmoke), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, whitesmoke 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%); } .progress.is-dark::-webkit-progress-value { background-color: #363636; } .progress.is-dark::-moz-progress-bar { background-color: #363636; } .progress.is-dark::-ms-fill { background-color: #363636; } + .progress.is-dark:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #363636), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #363636 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); } .progress.is-primary::-webkit-progress-value { background-color: #4391E0; } .progress.is-primary::-moz-progress-bar { background-color: #4391E0; } .progress.is-primary::-ms-fill { background-color: #4391E0; } + .progress.is-primary:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4391E0), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #4391E0 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #4391E0 30%, #dbdbdb 30%); } .progress.is-link::-webkit-progress-value { background-color: #4391E0; } .progress.is-link::-moz-progress-bar { background-color: #4391E0; } .progress.is-link::-ms-fill { background-color: #4391E0; } + .progress.is-link:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4391E0), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #4391E0 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #4391E0 30%, #dbdbdb 30%); } .progress.is-info::-webkit-progress-value { background-color: #209cee; } .progress.is-info::-moz-progress-bar { background-color: #209cee; } .progress.is-info::-ms-fill { background-color: #209cee; } + .progress.is-info:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #209cee), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #209cee 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%); } .progress.is-success::-webkit-progress-value { background-color: #23d160; } .progress.is-success::-moz-progress-bar { background-color: #23d160; } .progress.is-success::-ms-fill { background-color: #23d160; } + .progress.is-success:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #23d160), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #23d160 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%); } .progress.is-warning::-webkit-progress-value { background-color: #ffdd57; } .progress.is-warning::-moz-progress-bar { background-color: #ffdd57; } .progress.is-warning::-ms-fill { background-color: #ffdd57; } + .progress.is-warning:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #ffdd57), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #ffdd57 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%); } .progress.is-danger::-webkit-progress-value { background-color: #a70c20; } .progress.is-danger::-moz-progress-bar { background-color: #a70c20; } .progress.is-danger::-ms-fill { background-color: #a70c20; } + .progress.is-danger:indeterminate { + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #a70c20), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #a70c20 30%, #dbdbdb 30%); + background-image: linear-gradient(to right, #a70c20 30%, #dbdbdb 30%); } + .progress:indeterminate { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-name: moveIndeterminate; + animation-name: moveIndeterminate; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + background-color: #dbdbdb; + background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #4a4a4a), color-stop(30%, #dbdbdb)); + background-image: -o-linear-gradient(left, #4a4a4a 30%, #dbdbdb 30%); + 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-small { height: 0.75rem; } .progress.is-medium { @@ -3323,10 +2639,21 @@ a.box:active { .progress.is-large { height: 1.5rem; } +@-webkit-keyframes moveIndeterminate { + from { + background-position: 200% 0; } + to { + background-position: -200% 0; } } + +@keyframes moveIndeterminate { + from { + background-position: 200% 0; } + to { + background-position: -200% 0; } } + .table { background-color: white; - color: #363636; - margin-bottom: 1.5rem; } + color: #363636; } .table td, .table th { border: 1px solid #dbdbdb; @@ -3397,8 +2724,9 @@ a.box:active { .table th.is-selected strong { color: currentColor; } .table th { - color: #363636; - text-align: left; } + color: #363636; } + .table th:not([align]) { + text-align: left; } .table tr.is-selected { background-color: #4391E0; color: #fff; } @@ -3409,17 +2737,23 @@ a.box:active { .table tr.is-selected th { border-color: #fff; color: currentColor; } - .table thead td, - .table thead th { - border-width: 0 0 2px; - color: #363636; } - .table tfoot td, - .table tfoot th { - border-width: 2px 0 0; - color: #363636; } - .table tbody tr:last-child td, - .table tbody tr:last-child th { - border-bottom-width: 0; } + .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; } .table.is-bordered td, .table.is-bordered th { border-width: 1px; } @@ -3431,13 +2765,21 @@ a.box:active { .table.is-hoverable tbody tr:not(.is-selected):hover { background-color: #fafafa; } .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: whitesmoke; } + background-color: #fafafa; } + .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: whitesmoke; } .table.is-narrow td, .table.is-narrow th { padding: 0.25em 0.5em; } .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #fafafa; } +.table-container { + -webkit-overflow-scrolling: touch; + overflow: auto; + overflow-y: hidden; + max-width: 100%; } + .tags { -webkit-box-align: center; -ms-flex-align: center; @@ -3458,14 +2800,10 @@ a.box:active { margin-bottom: -0.5rem; } .tags:not(:last-child) { margin-bottom: 1rem; } - .tags.has-addons .tag { - margin-right: 0; } - .tags.has-addons .tag:not(:first-child) { - 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; } + .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.is-centered { -webkit-box-pack: center; -ms-flex-pack: center; @@ -3481,13 +2819,22 @@ a.box:active { margin-left: 0.5rem; } .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) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: whitesmoke; - border-radius: 3px; + border-radius: 4px; color: #4a4a4a; display: -webkit-inline-box; display: -ms-inline-flexbox; @@ -3502,8 +2849,8 @@ a.box:active { padding-right: 0.75em; white-space: nowrap; } .tag:not(body) .delete { - margin-left: 0.25em; - margin-right: -0.375em; } + margin-left: 0.25rem; + margin-right: -0.375rem; } .tag:not(body).is-white { background-color: white; color: #0a0a0a; } @@ -3534,6 +2881,8 @@ a.box:active { .tag:not(body).is-danger { background-color: #a70c20; color: #fff; } + .tag:not(body).is-normal { + font-size: 0.75rem; } .tag:not(body).is-medium { font-size: 1rem; } .tag:not(body).is-large { @@ -3552,7 +2901,7 @@ a.box:active { padding: 0; position: relative; width: 2em; } - .tag:not(body).is-delete:before, .tag:not(body).is-delete:after { + .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; @@ -3565,10 +2914,10 @@ a.box:active { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } - .tag:not(body).is-delete:before { + .tag:not(body).is-delete::before { height: 1px; width: 50%; } - .tag:not(body).is-delete:after { + .tag:not(body).is-delete::after { height: 50%; width: 1px; } .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { @@ -3584,9 +2933,6 @@ a.tag:hover { .title, .subtitle { word-break: break-word; } - .title:not(:last-child), - .subtitle:not(:last-child) { - margin-bottom: 1.5rem; } .title em, .title span, .subtitle em, @@ -3613,7 +2959,7 @@ a.tag:hover { .title + .highlight { margin-top: -0.75rem; } .title:not(.is-spaced) + .subtitle { - margin-top: -1.5rem; } + margin-top: -1.25rem; } .title.is-1 { font-size: 3rem; } .title.is-2 { @@ -3638,7 +2984,7 @@ a.tag:hover { color: #363636; font-weight: 600; } .subtitle:not(.is-spaced) + .title { - margin-top: -1.5rem; } + margin-top: -1.25rem; } .subtitle.is-1 { font-size: 3rem; } .subtitle.is-2 { @@ -3654,82 +3000,6 @@ a.tag:hover { .subtitle.is-7 { font-size: 0.75rem; } -.block:not(:last-child) { - margin-bottom: 1.5rem; } - -.delete { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 290486px; - cursor: pointer; - display: inline-block; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - font-size: 0; - height: 20px; - max-height: 20px; - max-width: 20px; - min-height: 20px; - min-width: 20px; - outline: none; - position: relative; - vertical-align: top; - width: 20px; } - .delete:before, .delete:after { - background-color: white; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; } - .delete:before { - height: 2px; - width: 50%; } - .delete:after { - height: 50%; - width: 2px; } - .delete:hover, .delete:focus { - background-color: rgba(10, 10, 10, 0.3); } - .delete:active { - background-color: rgba(10, 10, 10, 0.4); } - .delete.is-small { - height: 16px; - max-height: 16px; - max-width: 16px; - min-height: 16px; - min-width: 16px; - width: 16px; } - .delete.is-medium { - height: 24px; - max-height: 24px; - max-width: 24px; - min-height: 24px; - min-width: 24px; - width: 24px; } - .delete.is-large { - height: 32px; - max-height: 32px; - max-width: 32px; - min-height: 32px; - min-width: 32px; - width: 32px; } - .heading { display: block; font-size: 11px; @@ -3742,25 +3012,10 @@ a.tag:hover { max-width: 100%; overflow: hidden; padding: 0; } - .highlight:not(:last-child) { - margin-bottom: 1.5rem; } .highlight pre { overflow: auto; max-width: 100%; } -.loader { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; } - .number { -webkit-box-align: center; -ms-flex-align: center; @@ -3805,23 +3060,8 @@ a.tag:hover { } */ .breadcrumb { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; - display: flex; font-size: 1rem; - overflow: hidden; - overflow-x: auto; white-space: nowrap; } - .breadcrumb:not(:last-child) { - margin-bottom: 1.5rem; } .breadcrumb a { -webkit-box-align: center; -ms-flex-align: center; @@ -3833,7 +3073,7 @@ a.tag:hover { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding: 0.5em 0.75em; } + padding: 0 0.75em; } .breadcrumb a:hover { color: #363636; } .breadcrumb li { @@ -3850,20 +3090,18 @@ a.tag:hover { cursor: default; pointer-events: none; } .breadcrumb li + li::before { - color: #4a4a4a; + color: #b5b5b5; content: "\0002f"; } - .breadcrumb ul, .breadcrumb ol { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + .breadcrumb ul, + .breadcrumb ol { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + -ms-flex-wrap: wrap; + flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @@ -3871,11 +3109,13 @@ a.tag:hover { margin-right: 0.5em; } .breadcrumb .icon:last-child { margin-left: 0.5em; } - .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { + .breadcrumb.is-centered ol, + .breadcrumb.is-centered ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } - .breadcrumb.is-right ol, .breadcrumb.is-right ul { + .breadcrumb.is-right ol, + .breadcrumb.is-right ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @@ -3903,6 +3143,7 @@ a.tag:hover { position: relative; } .card-header { + background-color: transparent; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; @@ -3948,9 +3189,11 @@ a.tag:hover { position: relative; } .card-content { + background-color: transparent; padding: 1.5rem; } .card-footer { + background-color: transparent; border-top: 1px solid #dbdbdb; -webkit-box-align: stretch; -ms-flex-align: stretch; @@ -3981,7 +3224,7 @@ a.tag:hover { border-right: 1px solid #dbdbdb; } .card .media:not(:last-child) { - margin-bottom: 0.75rem; } + margin-bottom: 1.5rem; } .dropdown { display: -webkit-inline-box; @@ -3997,7 +3240,7 @@ a.tag:hover { .dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; - padding-top: unset; + padding-top: initial; top: auto; } .dropdown-menu { @@ -4011,7 +3254,7 @@ a.tag:hover { .dropdown-content { background-color: white; - border-radius: 3px; + border-radius: 4px; -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); padding-bottom: 0.5rem; @@ -4025,13 +3268,18 @@ a.tag:hover { padding: 0.375rem 1rem; position: relative; } -a.dropdown-item { +a.dropdown-item, +button.dropdown-item { padding-right: 3rem; - white-space: nowrap; } - a.dropdown-item:hover { + text-align: left; + white-space: nowrap; + width: 100%; } + a.dropdown-item:hover, + button.dropdown-item:hover { background-color: whitesmoke; color: #0a0a0a; } - a.dropdown-item.is-active { + a.dropdown-item.is-active, + button.dropdown-item.is-active { background-color: #4391E0; color: #fff; } @@ -4049,10 +3297,8 @@ a.dropdown-item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } - .level:not(:last-child) { - margin-bottom: 1.5rem; } .level code { - border-radius: 3px; } + border-radius: 4px; } .level img { display: inline-block; vertical-align: top; } @@ -4067,14 +3313,13 @@ a.dropdown-item { display: flex; } .level.is-mobile .level-left + .level-right { margin-top: 0; } - .level.is-mobile .level-item { + .level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; margin-right: 0.75rem; } - .level.is-mobile .level-item:not(:last-child) { - margin-bottom: 0; } - .level.is-mobile .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } + .level.is-mobile .level-item:not(.is-narrow) { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { .level { display: -webkit-box; @@ -4157,6 +3402,33 @@ a.dropdown-item { display: -ms-flexbox; display: flex; } } +.list { + background-color: white; + border-radius: 4px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } + +.list-item { + display: block; + padding: 0.5em 1em; } + .list-item:not(a) { + color: #4a4a4a; } + .list-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + .list-item:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + .list-item:not(:last-child) { + border-bottom: 1px solid #dbdbdb; } + .list-item.is-active { + background-color: #4391E0; + color: #fff; } + +a.list-item { + background-color: whitesmoke; + cursor: pointer; } + .media { -webkit-box-align: start; -ms-flex-align: start; @@ -4212,9 +3484,12 @@ a.dropdown-item { flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; - overflow: auto; text-align: left; } +@media screen and (max-width: 768px) { + .media-content { + overflow-x: auto; } } + .menu { font-size: 1rem; } .menu.is-small { @@ -4254,13 +3529,11 @@ a.dropdown-item { .message { background-color: whitesmoke; - border-radius: 3px; + border-radius: 4px; font-size: 1rem; } - .message:not(:last-child) { - margin-bottom: 1.5rem; } .message strong { color: currentColor; } - .message a:not(.button):not(.tag) { + .message a:not(.button):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .message.is-small { @@ -4355,16 +3628,17 @@ a.dropdown-item { -ms-flex-align: center; align-items: center; background-color: #4a4a4a; - border-radius: 3px 3px 0 0; + border-radius: 4px 4px 0 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; + font-weight: 700; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.25; - padding: 0.5em 0.75em; + padding: 0.75em 1em; position: relative; } .message-header .delete { -webkit-box-flex: 0; @@ -4374,15 +3648,17 @@ a.dropdown-item { flex-shrink: 0; margin-left: 0.75em; } .message-header + .message-body { + border-width: 0; border-top-left-radius: 0; - border-top-right-radius: 0; - border-top: none; } + border-top-right-radius: 0; } .message-body { - border: 1px solid #dbdbdb; - border-radius: 3px; + border-color: #dbdbdb; + border-radius: 4px; + border-style: solid; + border-width: 0 0 0 4px; color: #4a4a4a; - padding: 1em 1.25em; } + padding: 1.25em 1.5em; } .message-body code, .message-body pre { background-color: white; } @@ -4390,15 +3666,14 @@ a.dropdown-item { background-color: transparent; } .modal { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; @@ -4411,11 +3686,6 @@ a.dropdown-item { display: flex; } .modal-background { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; background-color: rgba(10, 10, 10, 0.86); } .modal-content, @@ -4433,83 +3703,12 @@ a.dropdown-item { width: 640px; } } .modal-close { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 290486px; - cursor: pointer; - display: inline-block; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - font-size: 0; - height: 20px; - max-height: 20px; - max-width: 20px; - min-height: 20px; - min-width: 20px; - outline: none; - position: relative; - vertical-align: top; - width: 20px; background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } - .modal-close:before, .modal-close:after { - background-color: white; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; } - .modal-close:before { - height: 2px; - width: 50%; } - .modal-close:after { - height: 50%; - width: 2px; } - .modal-close:hover, .modal-close:focus { - background-color: rgba(10, 10, 10, 0.3); } - .modal-close:active { - background-color: rgba(10, 10, 10, 0.4); } - .modal-close.is-small { - height: 16px; - max-height: 16px; - max-width: 16px; - min-height: 16px; - min-width: 16px; - width: 16px; } - .modal-close.is-medium { - height: 24px; - max-height: 24px; - max-width: 24px; - min-height: 24px; - min-width: 24px; - width: 24px; } - .modal-close.is-large { - height: 32px; - max-height: 32px; - max-width: 32px; - min-height: 32px; - min-width: 32px; - width: 32px; } .modal-card { display: -webkit-box; @@ -4520,7 +3719,8 @@ a.dropdown-item { -ms-flex-direction: column; flex-direction: column; max-height: calc(100vh - 40px); - overflow: hidden; } + overflow: hidden; + -ms-overflow-y: visible; } .modal-card-head, .modal-card-foot { @@ -4541,8 +3741,8 @@ a.dropdown-item { .modal-card-head { border-bottom: 1px solid #dbdbdb; - border-top-left-radius: 5px; - border-top-right-radius: 5px; } + border-top-left-radius: 6px; + border-top-right-radius: 6px; } .modal-card-title { color: #363636; @@ -4555,11 +3755,11 @@ a.dropdown-item { line-height: 1; } .modal-card-foot { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; border-top: 1px solid #dbdbdb; } .modal-card-foot .button:not(:last-child) { - margin-right: 10px; } + margin-right: 0.5em; } .modal-card-body { -webkit-overflow-scrolling: touch; @@ -4575,31 +3775,38 @@ a.dropdown-item { .navbar { background-color: white; min-height: 3.25rem; - position: relative; } + position: relative; + z-index: 30; } .navbar.is-white { background-color: white; color: #0a0a0a; } .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link { color: #0a0a0a; } - .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, + .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, + .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; } .navbar.is-white .navbar-brand .navbar-link::after { border-color: #0a0a0a; } + .navbar.is-white .navbar-burger { + color: #0a0a0a; } @media screen and (min-width: 1024px) { .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link { color: #0a0a0a; } - .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active { background-color: #f2f2f2; @@ -4607,6 +3814,7 @@ a.dropdown-item { .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: #0a0a0a; } + .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; @@ -4620,24 +3828,30 @@ a.dropdown-item { .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link { color: white; } - .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, + .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, + .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: black; color: white; } .navbar.is-black .navbar-brand .navbar-link::after { border-color: white; } + .navbar.is-black .navbar-burger { + color: white; } @media screen and (min-width: 1024px) { .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link { color: white; } - .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active { background-color: black; @@ -4645,6 +3859,7 @@ a.dropdown-item { .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: white; } + .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; @@ -4658,24 +3873,30 @@ a.dropdown-item { .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link { color: #363636; } - .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, + .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, + .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: #e8e8e8; color: #363636; } .navbar.is-light .navbar-brand .navbar-link::after { border-color: #363636; } + .navbar.is-light .navbar-burger { + color: #363636; } @media screen and (min-width: 1024px) { .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link { color: #363636; } - .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active { background-color: #e8e8e8; @@ -4683,6 +3904,7 @@ a.dropdown-item { .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { border-color: #363636; } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8e8e8; @@ -4696,24 +3918,30 @@ a.dropdown-item { .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link { color: whitesmoke; } - .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, + .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, + .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: #292929; color: whitesmoke; } .navbar.is-dark .navbar-brand .navbar-link::after { border-color: whitesmoke; } + .navbar.is-dark .navbar-burger { + color: whitesmoke; } @media screen and (min-width: 1024px) { .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link { color: whitesmoke; } - .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: #292929; @@ -4721,6 +3949,7 @@ a.dropdown-item { .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { border-color: whitesmoke; } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #292929; @@ -4734,24 +3963,30 @@ a.dropdown-item { .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { color: #fff; } - .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, + .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, + .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: #2d84dc; color: #fff; } .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } + .navbar.is-primary .navbar-burger { + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { color: #fff; } - .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: #2d84dc; @@ -4759,6 +3994,7 @@ a.dropdown-item { .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #2d84dc; @@ -4772,24 +4008,30 @@ a.dropdown-item { .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link { color: #fff; } - .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, + .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, + .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: #2d84dc; color: #fff; } .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } + .navbar.is-link .navbar-burger { + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link { color: #fff; } - .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active { background-color: #2d84dc; @@ -4797,6 +4039,7 @@ a.dropdown-item { .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #2d84dc; @@ -4810,24 +4053,30 @@ a.dropdown-item { .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link { color: #fff; } - .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, + .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, + .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: #118fe4; color: #fff; } .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } + .navbar.is-info .navbar-burger { + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link { color: #fff; } - .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active { background-color: #118fe4; @@ -4835,6 +4084,7 @@ a.dropdown-item { .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: #118fe4; @@ -4848,24 +4098,30 @@ a.dropdown-item { .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link { color: #fff; } - .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, + .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, + .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: #20bc56; color: #fff; } .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } + .navbar.is-success .navbar-burger { + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link { color: #fff; } - .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active { background-color: #20bc56; @@ -4873,6 +4129,7 @@ a.dropdown-item { .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: #20bc56; @@ -4886,24 +4143,30 @@ a.dropdown-item { .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, + .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, + .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } + .navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: #ffd83d; @@ -4911,6 +4174,7 @@ a.dropdown-item { .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ffd83d; @@ -4924,24 +4188,30 @@ a.dropdown-item { .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link { color: #fff; } - .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, + .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, + .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: #8f0a1b; color: #fff; } .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } + .navbar.is-danger .navbar-burger { + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link { color: #fff; } - .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: #8f0a1b; @@ -4949,6 +4219,7 @@ a.dropdown-item { .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: #8f0a1b; @@ -4966,8 +4237,8 @@ a.dropdown-item { min-height: 3.25rem; width: 100%; } .navbar.has-shadow { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } + -webkit-box-shadow: 0 2px 0 0 whitesmoke; + box-shadow: 0 2px 0 0 whitesmoke; } .navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0; position: fixed; @@ -4976,15 +4247,17 @@ a.dropdown-item { .navbar.is-fixed-bottom { bottom: 0; } .navbar.is-fixed-bottom.has-shadow { - -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } + -webkit-box-shadow: 0 -2px 0 0 whitesmoke; + box-shadow: 0 -2px 0 0 whitesmoke; } .navbar.is-fixed-top { top: 0; } -html.has-navbar-fixed-top { +html.has-navbar-fixed-top, +body.has-navbar-fixed-top { padding-top: 3.25rem; } -html.has-navbar-fixed-bottom { +html.has-navbar-fixed-bottom, +body.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } .navbar-brand, @@ -4999,6 +4272,9 @@ html.has-navbar-fixed-bottom { flex-shrink: 0; min-height: 3.25rem; } +.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { + background-color: transparent; } + .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; @@ -5006,6 +4282,7 @@ html.has-navbar-fixed-bottom { overflow-y: hidden; } .navbar-burger { + color: #4a4a4a; cursor: pointer; display: block; height: 3.25rem; @@ -5060,16 +4337,26 @@ html.has-navbar-fixed-bottom { color: #4a4a4a; display: block; line-height: 1.5; - padding: 0.5rem 1rem; + padding: 0.5rem 0.75rem; position: relative; } + .navbar-item .icon:only-child, + .navbar-link .icon:only-child { + margin-left: -0.25rem; + margin-right: -0.25rem; } -a.navbar-item:hover, a.navbar-item.is-active, -a.navbar-link:hover, -a.navbar-link.is-active { - background-color: whitesmoke; - color: #4391E0; } +a.navbar-item, +.navbar-link { + cursor: pointer; } + a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, + .navbar-link:focus, + .navbar-link:focus-within, + .navbar-link:hover, + .navbar-link.is-active { + background-color: #fafafa; + color: #4391E0; } .navbar-item { + display: block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; @@ -5089,7 +4376,7 @@ a.navbar-link.is-active { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } - .navbar-item.is-tab:hover { + .navbar-item.is-tab:focus, .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #4391E0; } .navbar-item.is-tab.is-active { @@ -5107,8 +4394,12 @@ a.navbar-link.is-active { -ms-flex-negative: 1; flex-shrink: 1; } -.navbar-link { +.navbar-link:not(.is-arrowless) { padding-right: 2.5em; } + .navbar-link:not(.is-arrowless)::after { + border-color: #4391E0; + margin-top: -0.375em; + right: 1.125em; } .navbar-dropdown { font-size: 0.875rem; @@ -5119,10 +4410,10 @@ a.navbar-link.is-active { padding-right: 1.5rem; } .navbar-divider { - background-color: #dbdbdb; + background-color: whitesmoke; border: none; display: none; - height: 1px; + height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 1023px) { @@ -5136,6 +4427,8 @@ a.navbar-link.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } + .navbar-link::after { + display: none; } .navbar-menu { background-color: white; -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); @@ -5159,9 +4452,11 @@ a.navbar-link.is-active { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } - html.has-navbar-fixed-top-touch { + html.has-navbar-fixed-top-touch, + body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } - html.has-navbar-fixed-bottom-touch { + html.has-navbar-fixed-bottom-touch, + body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 1024px) { @@ -5177,13 +4472,24 @@ a.navbar-link.is-active { display: flex; } .navbar { min-height: 3.25rem; } - .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, - .navbar.is-transparent a.navbar-link:hover, - .navbar.is-transparent a.navbar-link.is-active { + .navbar.is-spaced { + padding: 1rem 2rem; } + .navbar.is-spaced .navbar-start, + .navbar.is-spaced .navbar-end { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + .navbar.is-spaced a.navbar-item, + .navbar.is-spaced .navbar-link { + border-radius: 4px; } + .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:focus, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } - .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } - .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { @@ -5199,49 +4505,34 @@ a.navbar-link.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } - .navbar-item.has-dropdown { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - .navbar-item.has-dropdown-up .navbar-link::after { - -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); - -ms-transform: rotate(135deg) translate(0.25em, -0.25em); - transform: rotate(135deg) translate(0.25em, -0.25em); } - .navbar-item.has-dropdown-up .navbar-dropdown { - border-bottom: 1px solid #dbdbdb; - border-radius: 5px 5px 0 0; - border-top: none; - bottom: 100%; - -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - top: auto; } - .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { - display: block; } - .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { - opacity: 1; - pointer-events: auto; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - .navbar-link::after { - border: 1px solid #4391E0; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.5em; - pointer-events: none; - position: absolute; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - width: 0.5em; - margin-top: -0.375em; - right: 1.125em; - top: 50%; } + .navbar-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .navbar-item.has-dropdown { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; } + .navbar-item.has-dropdown-up .navbar-link::after { + -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); + -ms-transform: rotate(135deg) translate(0.25em, -0.25em); + transform: rotate(135deg) translate(0.25em, -0.25em); } + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 2px solid #dbdbdb; + border-radius: 6px 6px 0 0; + border-top: none; + bottom: 100%; + -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); + top: auto; } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; } + .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } .navbar-menu { -webkit-box-flex: 1; -ms-flex-positive: 1; @@ -5260,9 +4551,9 @@ a.navbar-link.is-active { margin-left: auto; } .navbar-dropdown { background-color: white; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-top: 1px solid #dbdbdb; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid #dbdbdb; -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; @@ -5277,14 +4568,14 @@ a.navbar-link.is-active { white-space: nowrap; } .navbar-dropdown a.navbar-item { padding-right: 3rem; } - .navbar-dropdown a.navbar-item:hover { + .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; color: #0a0a0a; } .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #4391E0; } - .navbar-dropdown.is-boxed { - border-radius: 5px; + .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { + border-radius: 6px; border-top: none; -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); @@ -5310,10 +4601,10 @@ a.navbar-link.is-active { display: block; } .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { - margin-left: -1rem; } + margin-left: -.75rem; } .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { - margin-right: -1rem; } + margin-right: -.75rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; @@ -5326,18 +4617,29 @@ a.navbar-link.is-active { box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } - html.has-navbar-fixed-top-desktop { + html.has-navbar-fixed-top-desktop, + body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } - html.has-navbar-fixed-bottom-desktop { + html.has-navbar-fixed-bottom-desktop, + body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } + html.has-spaced-navbar-fixed-top, + body.has-spaced-navbar-fixed-top { + padding-top: 5.25rem; } + html.has-spaced-navbar-fixed-bottom, + body.has-spaced-navbar-fixed-bottom { + padding-bottom: 5.25rem; } a.navbar-item.is-active, - a.navbar-link.is-active { + .navbar-link.is-active { color: #0a0a0a; } - a.navbar-item.is-active:not(:hover), - a.navbar-link.is-active:not(:hover) { + a.navbar-item.is-active:not(:focus):not(:hover), + .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } - .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { - background-color: whitesmoke; } } + .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #fafafa; } } + +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem); } .pagination { font-size: 1rem; @@ -5373,62 +4675,14 @@ a.navbar-link.is-active { .pagination-next, .pagination-link, .pagination-ellipsis { - -moz-appearance: none; - -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; font-size: 1em; - padding-left: 0.5em; - padding-right: 0.5em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.25rem; + padding-left: 0.5em; + padding-right: 0.5em; text-align: center; } - .pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, - .pagination-next:focus, - .pagination-next.is-focused, - .pagination-next:active, - .pagination-next.is-active, - .pagination-link:focus, - .pagination-link.is-focused, - .pagination-link:active, - .pagination-link.is-active, - .pagination-ellipsis:focus, - .pagination-ellipsis.is-focused, - .pagination-ellipsis:active, - .pagination-ellipsis.is-active { - outline: none; } - .pagination-previous[disabled], - .pagination-next[disabled], - .pagination-link[disabled], - .pagination-ellipsis[disabled] { - cursor: not-allowed; } .pagination-previous, .pagination-next, @@ -5571,7 +4825,7 @@ a.navbar-link.is-active { .panel-heading { background-color: whitesmoke; - border-radius: 3px 3px 0 0; + border-radius: 4px 4px 0 0; color: #363636; font-size: 1.25em; font-weight: 300; @@ -5655,11 +4909,6 @@ label.panel-block { .tabs { -webkit-overflow-scrolling: touch; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; @@ -5673,8 +4922,6 @@ label.panel-block { overflow: hidden; overflow-x: auto; white-space: nowrap; } - .tabs:not(:last-child) { - margin-bottom: 1.5rem; } .tabs a { -webkit-box-align: center; -ms-flex-align: center; @@ -5748,7 +4995,7 @@ label.panel-block { justify-content: flex-end; } .tabs.is-boxed a { border: 1px solid transparent; - border-radius: 3px 3px 0 0; } + border-radius: 4px 4px 0 0; } .tabs.is-boxed a:hover { background-color: whitesmoke; border-bottom-color: #dbdbdb; } @@ -5775,9 +5022,9 @@ label.panel-block { .tabs.is-toggle li + li { margin-left: -1px; } .tabs.is-toggle li:first-child a { - border-radius: 3px 0 0 3px; } + border-radius: 4px 0 0 4px; } .tabs.is-toggle li:last-child a { - border-radius: 0 3px 3px 0; } + border-radius: 0 4px 4px 0; } .tabs.is-toggle li.is-active a { background-color: #4391E0; border-color: #4391E0; @@ -5800,11 +5047,13 @@ label.panel-block { .tabs.is-large { font-size: 1.5rem; } -.navbar-item, .navbar-link { +.navbar-item, +.navbar-link { padding-left: .75rem; padding-right: .75rem; } @media screen and (min-width: 1216px) { - .navbar-item, .navbar-link { + .navbar-item, + .navbar-link { padding-left: 1rem; padding-right: 1rem; } } @@ -5890,6 +5139,13 @@ label.panel-block { margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } + .columns.is-mobile > .column.is-0 { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 0%; } + .columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; } .columns.is-mobile > .column.is-1 { -webkit-box-flex: 0; -ms-flex: none; @@ -6047,6 +5303,13 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } + .column.is-0-mobile { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 0%; } + .column.is-offset-0-mobile { + margin-left: 0%; } .column.is-1-mobile { -webkit-box-flex: 0; -ms-flex: none; @@ -6204,6 +5467,13 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } + .column.is-0, .column.is-0-tablet { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 0%; } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; } .column.is-1, .column.is-1-tablet { -webkit-box-flex: 0; -ms-flex: none; @@ -6361,6 +5631,13 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-touch { margin-left: 80%; } + .column.is-0-touch { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 0%; } + .column.is-offset-0-touch { + margin-left: 0%; } .column.is-1-touch { -webkit-box-flex: 0; -ms-flex: none; @@ -6518,6 +5795,13 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } + .column.is-0-desktop { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 0%; } + .column.is-offset-0-desktop { + margin-left: 0%; } .column.is-1-desktop { -webkit-box-flex: 0; -ms-flex: none; @@ -6675,6 +5959,13 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } + .column.is-0-widescreen { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 0%; } + .column.is-offset-0-widescreen { + margin-left: 0%; } .column.is-1-widescreen { -webkit-box-flex: 0; -ms-flex: none; @@ -6832,6 +6123,13 @@ label.panel-block { margin-left: 60%; } .column.is-offset-four-fifths-fullhd { margin-left: 80%; } + .column.is-0-fullhd { + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + width: 0%; } + .column.is-offset-0-fullhd { + margin-left: 0%; } .column.is-1-fullhd { -webkit-box-flex: 0; -ms-flex: none; @@ -6971,22 +6269,265 @@ label.panel-block { padding-right: var(--columnGap); } .columns.is-variable.is-0 { --columnGap: 0rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem; } } .columns.is-variable.is-1 { --columnGap: 0.25rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem; } } .columns.is-variable.is-2 { --columnGap: 0.5rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem; } } .columns.is-variable.is-3 { --columnGap: 0.75rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem; } } .columns.is-variable.is-4 { --columnGap: 1rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem; } } .columns.is-variable.is-5 { --columnGap: 1.25rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem; } } .columns.is-variable.is-6 { --columnGap: 1.5rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem; } } .columns.is-variable.is-7 { --columnGap: 1.75rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem; } } .columns.is-variable.is-8 { --columnGap: 2rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem; } } .tile { -webkit-box-align: stretch; @@ -7109,7 +6650,7 @@ label.panel-block { .hero.is-white { background-color: white; color: #0a0a0a; } - .hero.is-white a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong { color: inherit; } .hero.is-white .title { @@ -7155,7 +6696,7 @@ label.panel-block { .hero.is-black { background-color: #0a0a0a; color: white; } - .hero.is-black a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong { color: inherit; } .hero.is-black .title { @@ -7201,7 +6742,7 @@ label.panel-block { .hero.is-light { background-color: whitesmoke; color: #363636; } - .hero.is-light a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong { color: inherit; } .hero.is-light .title { @@ -7247,7 +6788,7 @@ label.panel-block { .hero.is-dark { background-color: #363636; color: whitesmoke; } - .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong { color: inherit; } .hero.is-dark .title { @@ -7293,7 +6834,7 @@ label.panel-block { .hero.is-primary { background-color: #4391E0; color: #fff; } - .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { @@ -7339,7 +6880,7 @@ label.panel-block { .hero.is-link { background-color: #4391E0; color: #fff; } - .hero.is-link a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong { color: inherit; } .hero.is-link .title { @@ -7385,7 +6926,7 @@ label.panel-block { .hero.is-info { background-color: #209cee; color: #fff; } - .hero.is-info a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong { color: inherit; } .hero.is-info .title { @@ -7431,7 +6972,7 @@ label.panel-block { .hero.is-success { background-color: #23d160; color: #fff; } - .hero.is-success a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong { color: inherit; } .hero.is-success .title { @@ -7477,7 +7018,7 @@ label.panel-block { .hero.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } - .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong { color: inherit; } .hero.is-warning .title { @@ -7523,7 +7064,7 @@ label.panel-block { .hero.is-danger { background-color: #a70c20; color: #fff; } - .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong { color: inherit; } .hero.is-danger .title { @@ -7577,14 +7118,14 @@ label.panel-block { .hero.is-large .hero-body { padding-bottom: 18rem; padding-top: 18rem; } } - .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { + .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } - .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { + .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; @@ -7596,11 +7137,6 @@ label.panel-block { min-height: 100vh; } .hero-video { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; overflow: hidden; } .hero-video video { left: 50%; @@ -7661,7 +7197,7 @@ label.panel-block { padding: 18rem 1.5rem; } } .footer { - background-color: whitesmoke; + background-color: #fafafa; padding: 3rem 1.5rem 6rem; } /*