From 720ed45121754e966533ad7878decfc1ce603acf Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Mon, 9 Oct 2017 12:27:08 +0100 Subject: [PATCH] Add show code --- docs/_javascript/main.js | 23 +- docs/_sass/example.sass | 31 + docs/css/bulma-docs.css | 2928 +++++++-------------------- docs/documentation/layout/hero.html | 595 ++---- docs/lib/main.js | 23 +- sass/components/navbar.sass | 4 +- sass/layout/hero.sass | 42 +- 7 files changed, 1034 insertions(+), 2612 deletions(-) diff --git a/docs/_javascript/main.js b/docs/_javascript/main.js index 0f122786..324a9093 100644 --- a/docs/_javascript/main.js +++ b/docs/_javascript/main.js @@ -103,12 +103,19 @@ document.addEventListener('DOMContentLoaded', () => { if ($highlights.length > 0) { $highlights.forEach($el => { - const copy = ''; - const expand = ''; - $el.insertAdjacentHTML('beforeend', copy); + const copyEl = ''; + const expandEl = ''; + $el.insertAdjacentHTML('beforeend', copyEl); if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) { - $el.insertAdjacentHTML('beforeend', expand); + $el.insertAdjacentHTML('beforeend', expandEl); + } + + const $parent = $el.parentNode; + if ($parent && $parent.className == 'bd-highlight-clipped') { + const showEl = ''; + $el.classList.add('bd-is-clipped'); + $el.insertAdjacentHTML('beforeend', showEl); } itemsProcessed++; @@ -138,6 +145,14 @@ document.addEventListener('DOMContentLoaded', () => { $el.parentNode.firstElementChild.style.maxHeight = 'none'; }); }); + + const $highlightShows = getAll('.bd-highlight-clipped .bd-show'); + + $highlightShows.forEach($el => { + $el.addEventListener('click', () => { + $el.parentNode.classList.remove('bd-is-clipped'); + }); + }); } new Clipboard('.bd-copy', { diff --git a/docs/_sass/example.sass b/docs/_sass/example.sass index 26ebe3e6..b5821b16 100644 --- a/docs/_sass/example.sass +++ b/docs/_sass/example.sass @@ -40,6 +40,10 @@ margin-top: -1.5rem &:not(:last-child) margin-bottom: 1.5rem + & + .bd-highlight-clipped + margin-top: -1.5rem + &:not(:last-child) + margin-bottom: 1.5rem // Snippet .bd-snippet @@ -171,6 +175,33 @@ $structure-invert: $danger-invert pre white-space: pre-wrap +.bd-highlight-clipped + .bd-show + +overlay + align-items: center + background-color: rgba(#000, 0.9) + background-image: linear-gradient(rgba(#000, 0), rgba(#000, 0) 90%, rgba(#000, 1)) + border: none + color: $white + cursor: pointer + display: none + font-size: $size-6 + justify-content: center + opacity: 0.7 + width: 100% + strong + color: currentColor + font-weight: $weight-semibold + &:hover + opacity: 0.8 + .highlight.bd-is-clipped + height: 4em + overflow: hidden + pre + overflow: hidden + .bd-show + display: flex + +tablet .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) margin-left: 1.5rem diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 71267964..9fb10457 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -1,23 +1,11 @@ @charset "UTF-8"; /*! bulma.io v0.5.3 | MIT License | github.com/jgthms/bulma */ -@-webkit-keyframes spinAround { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} @keyframes spinAround { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(359deg); } } @@ -71,18 +59,15 @@ textarea { } html { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } * { - -webkit-box-sizing: inherit; - box-sizing: inherit; + box-sizing: inherit; } *:before, *:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; + box-sizing: inherit; } img, @@ -117,10 +102,7 @@ html { overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; - -webkit-text-size-adjust: 100%; - -moz-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - text-size-adjust: 100%; + text-size-adjust: 100%; } article, @@ -862,79 +844,59 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 768px) { .is-flex-mobile { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px), print { .is-flex-tablet { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1023px) { .is-flex-touch { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) { .is-flex-desktop { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) { .is-flex-widescreen { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1408px) { .is-flex-fullhd { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @@ -1056,79 +1018,59 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px), print { .is-inline-flex-tablet { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 1023px) { .is-inline-flex-touch { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) { .is-inline-flex-desktop { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) { .is-inline-flex-widescreen { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1408px) { .is-inline-flex-fullhd { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @@ -1204,8 +1146,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-shadowless { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .is-unselectable { @@ -1219,8 +1160,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { .box { background-color: white; border-radius: 5px; - -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); + 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; @@ -1231,33 +1171,24 @@ a.has-text-danger:hover, a.has-text-danger:focus { } a.box:hover, a.box:focus { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; } a.box:active { - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; } .button { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: 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; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -1274,9 +1205,7 @@ a.box:active { border-color: #dbdbdb; color: #363636; cursor: pointer; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; text-align: center; @@ -1326,8 +1255,7 @@ a.box:active { } .button:focus:not(:active), .button.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .button:active, .button.is-active { @@ -1355,8 +1283,7 @@ a.box:active { .button.is-link[disabled] { background-color: transparent; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-white { @@ -1377,8 +1304,7 @@ a.box:active { } .button.is-white:focus:not(:active), .button.is-white.is-focused:not(: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); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .button.is-white:active, .button.is-white.is-active { @@ -1390,8 +1316,7 @@ a.box:active { .button.is-white[disabled] { background-color: white; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-white.is-inverted { @@ -1406,8 +1331,7 @@ a.box:active { .button.is-white.is-inverted[disabled] { background-color: #0a0a0a; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } @@ -1434,8 +1358,7 @@ a.box:active { .button.is-white.is-outlined[disabled] { background-color: transparent; border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } @@ -1453,8 +1376,7 @@ a.box:active { .button.is-white.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1476,8 +1398,7 @@ a.box:active { } .button.is-black:focus:not(:active), .button.is-black.is-focused:not(: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); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .button.is-black:active, .button.is-black.is-active { @@ -1489,8 +1410,7 @@ a.box:active { .button.is-black[disabled] { background-color: #0a0a0a; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-black.is-inverted { @@ -1505,8 +1425,7 @@ a.box:active { .button.is-black.is-inverted[disabled] { background-color: white; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1533,8 +1452,7 @@ a.box:active { .button.is-black.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1552,8 +1470,7 @@ a.box:active { .button.is-black.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } @@ -1575,8 +1492,7 @@ a.box:active { } .button.is-light:focus:not(:active), .button.is-light.is-focused:not(: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); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .button.is-light:active, .button.is-light.is-active { @@ -1588,8 +1504,7 @@ a.box:active { .button.is-light[disabled] { background-color: whitesmoke; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-light.is-inverted { @@ -1604,8 +1519,7 @@ a.box:active { .button.is-light.is-inverted[disabled] { background-color: #363636; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1632,8 +1546,7 @@ a.box:active { .button.is-light.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1651,8 +1564,7 @@ a.box:active { .button.is-light.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #363636; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } @@ -1674,8 +1586,7 @@ a.box:active { } .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(: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); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .button.is-dark:active, .button.is-dark.is-active { @@ -1687,8 +1598,7 @@ a.box:active { .button.is-dark[disabled] { background-color: #363636; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-dark.is-inverted { @@ -1703,8 +1613,7 @@ a.box:active { .button.is-dark.is-inverted[disabled] { background-color: whitesmoke; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } @@ -1731,8 +1640,7 @@ a.box:active { .button.is-dark.is-outlined[disabled] { background-color: transparent; border-color: #363636; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } @@ -1750,8 +1658,7 @@ a.box:active { .button.is-dark.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1773,8 +1680,7 @@ a.box:active { } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .button.is-primary:active, .button.is-primary.is-active { @@ -1786,8 +1692,7 @@ a.box:active { .button.is-primary[disabled] { background-color: #00d1b2; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-primary.is-inverted { @@ -1802,8 +1707,7 @@ a.box:active { .button.is-primary.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1830,8 +1734,7 @@ a.box:active { .button.is-primary.is-outlined[disabled] { background-color: transparent; border-color: #00d1b2; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1849,8 +1752,7 @@ a.box:active { .button.is-primary.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -1872,8 +1774,7 @@ a.box:active { } .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .button.is-info:active, .button.is-info.is-active { @@ -1885,8 +1786,7 @@ a.box:active { .button.is-info[disabled] { background-color: #3273dc; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-info.is-inverted { @@ -1901,8 +1801,7 @@ a.box:active { .button.is-info.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -1929,8 +1828,7 @@ a.box:active { .button.is-info.is-outlined[disabled] { background-color: transparent; border-color: #3273dc; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -1948,8 +1846,7 @@ a.box:active { .button.is-info.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -1971,8 +1868,7 @@ a.box:active { } .button.is-success:focus:not(:active), .button.is-success.is-focused:not(: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); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .button.is-success:active, .button.is-success.is-active { @@ -1984,8 +1880,7 @@ a.box:active { .button.is-success[disabled] { background-color: #23d160; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-success.is-inverted { @@ -2000,8 +1895,7 @@ a.box:active { .button.is-success.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2028,8 +1922,7 @@ a.box:active { .button.is-success.is-outlined[disabled] { background-color: transparent; border-color: #23d160; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2047,8 +1940,7 @@ a.box:active { .button.is-success.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -2070,8 +1962,7 @@ a.box:active { } .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(: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); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .button.is-warning:active, .button.is-warning.is-active { @@ -2083,8 +1974,7 @@ a.box:active { .button.is-warning[disabled] { background-color: #ffdd57; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-warning.is-inverted { @@ -2099,8 +1989,7 @@ a.box:active { .button.is-warning.is-inverted[disabled] { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2127,8 +2016,7 @@ a.box:active { .button.is-warning.is-outlined[disabled] { background-color: transparent; border-color: #ffdd57; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2146,8 +2034,7 @@ a.box:active { .button.is-warning.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: rgba(0, 0, 0, 0.7); } @@ -2169,8 +2056,7 @@ a.box:active { } .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .button.is-danger:active, .button.is-danger.is-active { @@ -2182,8 +2068,7 @@ a.box:active { .button.is-danger[disabled] { background-color: #ff3860; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-danger.is-inverted { @@ -2198,8 +2083,7 @@ a.box:active { .button.is-danger.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2226,8 +2110,7 @@ a.box:active { .button.is-danger.is-outlined[disabled] { background-color: transparent; border-color: #ff3860; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2245,8 +2128,7 @@ a.box:active { .button.is-danger.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -2266,14 +2148,11 @@ a.box:active { .button[disabled] { background-color: white; border-color: #dbdbdb; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 0.5; } .button.is-fullwidth { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } @@ -2284,8 +2163,7 @@ a.box:active { } .button.is-loading:after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -2305,8 +2183,7 @@ a.box:active { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; pointer-events: none; } @@ -2547,21 +2424,14 @@ a.box:active { .textarea { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: 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; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -2572,8 +2442,7 @@ a.box:active { 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); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); max-width: 100%; width: 100%; } @@ -2623,16 +2492,14 @@ a.box:active { .textarea:active, .textarea.is-active { border-color: #00d1b2; - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .input[disabled], .textarea[disabled] { background-color: whitesmoke; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -2663,8 +2530,7 @@ a.box:active { .input[readonly], .textarea[readonly] { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .input.is-white, @@ -2677,8 +2543,7 @@ a.box:active { .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); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .input.is-black, @@ -2691,8 +2556,7 @@ a.box:active { .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); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .input.is-light, @@ -2705,8 +2569,7 @@ a.box:active { .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); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .input.is-dark, @@ -2719,8 +2582,7 @@ a.box:active { .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); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .input.is-primary, @@ -2733,8 +2595,7 @@ a.box:active { .textarea.is-primary.is-focused, .textarea.is-primary:active, .textarea.is-primary.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .input.is-info, @@ -2747,8 +2608,7 @@ a.box:active { .textarea.is-info.is-focused, .textarea.is-info:active, .textarea.is-info.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .input.is-success, @@ -2761,8 +2621,7 @@ a.box:active { .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); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .input.is-warning, @@ -2775,8 +2634,7 @@ a.box:active { .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); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .input.is-danger, @@ -2789,8 +2647,7 @@ a.box:active { .textarea.is-danger.is-focused, .textarea.is-danger:active, .textarea.is-danger.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .input.is-small, @@ -2824,8 +2681,7 @@ a.box:active { .input.is-static { background-color: transparent; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; padding-left: 0; padding-right: 0; } @@ -2899,8 +2755,7 @@ a.box:active { height: 0.5em; pointer-events: none; position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); width: 0.5em; margin-top: -0.375em; right: 1.125em; @@ -2911,21 +2766,14 @@ a.box:active { .select select { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: 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; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -2973,15 +2821,13 @@ a.box:active { .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { border-color: #00d1b2; - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .select select[disabled] { background-color: whitesmoke; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -3031,8 +2877,7 @@ a.box:active { } .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); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black select { @@ -3040,8 +2885,7 @@ a.box:active { } .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); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .select.is-light select { @@ -3049,8 +2893,7 @@ a.box:active { } .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); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .select.is-dark select { @@ -3058,8 +2901,7 @@ a.box:active { } .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); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .select.is-primary select { @@ -3067,8 +2909,7 @@ a.box:active { } .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(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .select.is-info select { @@ -3076,8 +2917,7 @@ a.box:active { } .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(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .select.is-success select { @@ -3085,8 +2925,7 @@ a.box:active { } .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); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .select.is-warning select { @@ -3094,8 +2933,7 @@ a.box:active { } .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); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .select.is-danger select { @@ -3103,8 +2941,7 @@ a.box:active { } .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(255, 56, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .select.is-small { @@ -3133,8 +2970,7 @@ a.box:active { } .select.is-loading::after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -3148,8 +2984,7 @@ a.box:active { position: absolute; right: 0.625em; top: 0.625em; - -webkit-transform: none; - transform: none; + transform: none; } .select.is-loading.is-small:after { @@ -3170,15 +3005,9 @@ a.box:active { -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; + align-items: stretch; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; position: relative; } @@ -3196,8 +3025,7 @@ a.box:active { .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); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #0a0a0a; } @@ -3221,8 +3049,7 @@ a.box:active { .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); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); color: white; } @@ -3246,8 +3073,7 @@ a.box:active { .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); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: #363636; } @@ -3271,8 +3097,7 @@ a.box:active { .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); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); color: whitesmoke; } @@ -3296,8 +3121,7 @@ a.box:active { .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); color: #fff; } @@ -3321,8 +3145,7 @@ a.box:active { .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); color: #fff; } @@ -3346,8 +3169,7 @@ a.box:active { .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); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); color: #fff; } @@ -3371,8 +3193,7 @@ a.box:active { .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); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(0, 0, 0, 0.7); } @@ -3396,8 +3217,7 @@ a.box:active { .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); color: #fff; } @@ -3438,29 +3258,19 @@ a.box:active { } .file.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .file.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .file.is-boxed .file-label { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - 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; + flex-direction: column; height: auto; padding: 1em 3em; } @@ -3506,9 +3316,7 @@ a.box:active { .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; + order: -1; } .file.is-fullwidth .file-label { @@ -3516,23 +3324,15 @@ a.box:active { } .file.is-fullwidth .file-name { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; max-width: none; } .file-label { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; cursor: pointer; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; overflow: hidden; position: relative; } @@ -3568,21 +3368,14 @@ a.box:active { .file-name { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: 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; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -3628,16 +3421,10 @@ a.box:active { } .file-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; height: 1em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 0.5em; width: 1em; } @@ -3716,12 +3503,8 @@ a.box:active { } .field.has-addons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .field.has-addons .control:not(:last-child) { @@ -3781,43 +3564,29 @@ a.box:active { } .field.has-addons .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .field.has-addons.has-addons-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .field.has-addons.has-addons-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-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; + flex-grow: 1; + 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; + justify-content: flex-start; } .field.is-grouped > .control { - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { @@ -3826,28 +3595,20 @@ a.box:active { } .field.is-grouped > .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .field.is-grouped.is-grouped-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .field.is-grouped.is-grouped-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { - -ms-flex-wrap: wrap; - 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) { @@ -3864,8 +3625,6 @@ a.box:active { @media screen and (min-width: 769px), print { .field.is-horizontal { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @@ -3882,13 +3641,9 @@ a.box:active { @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; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; margin-right: 1.5rem; text-align: right; } @@ -3915,28 +3670,19 @@ a.box:active { @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; + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { - -ms-flex-negative: 1; - flex-shrink: 1; + flex-shrink: 1; } .field-body > .field:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; @@ -4044,8 +3790,7 @@ a.box:active { } .control.is-loading::after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -4073,15 +3818,9 @@ a.box:active { } .icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + align-items: center; display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; height: 1.5rem; width: 1.5rem; } @@ -4528,17 +4267,10 @@ a.box:active { } .tags { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; } .tags .tag { @@ -4572,20 +4304,14 @@ a.box:active { } .tag:not(body) { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 3px; color: #4a4a4a; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 0.75rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; @@ -4664,10 +4390,8 @@ a.box:active { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .tag:not(body).is-delete:before { @@ -4827,11 +4551,8 @@ a.tag:hover { 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; + flex-grow: 0; + flex-shrink: 0; font-size: 1rem; height: 20px; max-height: 20px; @@ -4851,10 +4572,8 @@ a.tag:hover { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .delete:before { @@ -4927,8 +4646,7 @@ a.tag:hover { } .loader { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -4941,19 +4659,13 @@ a.tag:hover { } .number { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1.25rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; @@ -4967,11 +4679,7 @@ a.tag:hover { -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; + align-items: stretch; display: flex; font-size: 1rem; overflow: hidden; @@ -4984,16 +4692,10 @@ a.tag:hover { } .breadcrumb a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #7a7a7a; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 0.5em 0.75em; } @@ -5002,11 +4704,7 @@ a.tag:hover { } .breadcrumb li { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } @@ -5026,20 +4724,11 @@ a.tag:hover { } .breadcrumb ul, .breadcrumb ol { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } .breadcrumb .icon:first-child { @@ -5051,15 +4740,11 @@ a.tag:hover { } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .breadcrumb.is-small { @@ -5092,56 +4777,36 @@ a.tag:hover { .card { background-color: white; - -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); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; max-width: 100%; position: relative; } .card-header { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); display: flex; } .card-header-title { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #363636; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .card-header-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 0.75rem; } @@ -5156,31 +4821,17 @@ a.tag:hover { .card-footer { border-top: 1px solid #dbdbdb; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .card-footer-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -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; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; padding: 0.75rem; } @@ -5193,8 +4844,6 @@ a.tag:hover { } .dropdown { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: top; @@ -5229,8 +4878,7 @@ a.tag:hover { .dropdown-content { background-color: white; border-radius: 3px; - -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); + 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; padding-top: 0.5rem; } @@ -5268,12 +4916,8 @@ a.dropdown-item.is-active { } .level { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + align-items: center; + justify-content: space-between; } .level:not(:last-child) { @@ -5290,15 +4934,11 @@ a.dropdown-item.is-active { } .level.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level.is-mobile .level-left, .level.is-mobile .level-right { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -5315,41 +4955,25 @@ a.dropdown-item.is-active { } .level.is-mobile .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { .level { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level > .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } } .level-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; } .level-item .title, @@ -5365,20 +4989,14 @@ a.dropdown-item.is-active { .level-left, .level-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { @@ -5389,12 +5007,8 @@ a.dropdown-item.is-active { } .level-left { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + align-items: center; + justify-content: flex-start; } @media screen and (max-width: 768px) { @@ -5405,35 +5019,23 @@ a.dropdown-item.is-active { @media screen and (min-width: 769px), print { .level-left { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .level-right { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + align-items: center; + justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .media { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; text-align: left; } @@ -5444,8 +5046,6 @@ a.dropdown-item.is-active { .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); - display: -webkit-box; - display: -ms-flexbox; display: flex; padding-top: 0.75rem; } @@ -5476,13 +5076,9 @@ a.dropdown-item.is-active { .media-left, .media-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .media-left { @@ -5494,13 +5090,9 @@ a.dropdown-item.is-active { } .media-content { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; text-align: left; } @@ -5720,29 +5312,20 @@ a.dropdown-item.is-active { } .message-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; line-height: 1.25; padding: 0.5em 0.75em; position: relative; } .message-header .delete { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; margin-left: 0.75em; } @@ -5774,21 +5357,15 @@ a.dropdown-item.is-active { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; display: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; overflow: hidden; position: fixed; z-index: 20; } .modal.is-active { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -5832,11 +5409,8 @@ a.dropdown-item.is-active { 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; + flex-grow: 0; + flex-shrink: 0; font-size: 1rem; height: 20px; max-height: 20px; @@ -5862,10 +5436,8 @@ a.dropdown-item.is-active { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .modal-close:before { @@ -5914,31 +5486,19 @@ a.dropdown-item.is-active { } .modal-card { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-shrink: 0; + justify-content: flex-start; padding: 20px; position: relative; } @@ -5951,11 +5511,8 @@ a.dropdown-item.is-active { .modal-card-title { color: #363636; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; font-size: 1.5rem; line-height: 1; } @@ -5973,11 +5530,8 @@ a.dropdown-item.is-active { .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -5998,12 +5552,8 @@ a.dropdown-item.is-active { margin-left: -7px; position: absolute; top: 50%; - -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; - -webkit-transition-property: background, left, opacity, -webkit-transform; - transition-property: background, left, opacity, -webkit-transform; transition-property: background, left, opacity, transform; - transition-property: background, left, opacity, transform, -webkit-transform; width: 15px; } @@ -6025,10 +5575,8 @@ a.dropdown-item.is-active { .nav-toggle.is-active span:nth-child(1) { margin-left: -5px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: left top; - transform-origin: left top; + transform: rotate(45deg); + transform-origin: left top; } .nav-toggle.is-active span:nth-child(2) { @@ -6037,10 +5585,8 @@ a.dropdown-item.is-active { .nav-toggle.is-active span:nth-child(3) { margin-left: -5px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - transform-origin: left bottom; + transform: rotate(-45deg); + transform-origin: left bottom; } @media screen and (min-width: 769px), print { @@ -6050,31 +5596,19 @@ a.dropdown-item.is-active { } .nav-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; font-size: 1rem; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; line-height: 1.5; padding: 0.5rem 0.75rem; } .nav-item a { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .nav-item img { @@ -6091,9 +5625,7 @@ a.dropdown-item.is-active { @media screen and (max-width: 768px) { .nav-item { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } } @@ -6145,17 +5677,10 @@ a.nav-item:not(.button).is-tab.is-active { .nav-left, .nav-right { -webkit-overflow-scrolling: touch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; max-width: 100%; overflow: auto; } @@ -6163,39 +5688,25 @@ a.nav-item:not(.button).is-tab.is-active { @media screen and (min-width: 1216px) { .nav-left, .nav-right { - -ms-flex-preferred-size: 0; - flex-basis: 0; + flex-basis: 0; } } .nav-left { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; white-space: nowrap; } .nav-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .nav-center { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; margin-left: auto; margin-right: auto; } @@ -6203,8 +5714,7 @@ a.nav-item:not(.button).is-tab.is-active { @media screen and (max-width: 768px) { .nav-menu.nav-right { background-color: white; - -webkit-box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); - box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); + box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1); left: 0; display: none; right: 0; @@ -6221,12 +5731,8 @@ a.nav-item:not(.button).is-tab.is-active { } .nav { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; background-color: white; - display: -webkit-box; - display: -ms-flexbox; display: flex; height: 3.25rem; position: relative; @@ -6235,19 +5741,14 @@ a.nav-item:not(.button).is-tab.is-active { } .nav > .container { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .nav.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); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } .navbar { @@ -6734,31 +6235,21 @@ a.nav-item:not(.button).is-tab.is-active { } .navbar > .container { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; 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); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } .navbar-brand, .navbar-tabs { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; min-height: 3.25rem; } @@ -6786,12 +6277,8 @@ a.nav-item:not(.button).is-tab.is-active { margin-left: -7px; position: absolute; top: 50%; - -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; - -webkit-transition-property: background, left, opacity, -webkit-transform; - transition-property: background, left, opacity, -webkit-transform; transition-property: background, left, opacity, transform; - transition-property: background, left, opacity, transform, -webkit-transform; width: 15px; } @@ -6813,10 +6300,8 @@ a.nav-item:not(.button).is-tab.is-active { .navbar-burger.is-active span:nth-child(1) { margin-left: -5px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: left top; - transform-origin: left top; + transform: rotate(45deg); + transform-origin: left top; } .navbar-burger.is-active span:nth-child(2) { @@ -6825,10 +6310,8 @@ a.nav-item:not(.button).is-tab.is-active { .navbar-burger.is-active span:nth-child(3) { margin-left: -5px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - transform-origin: left bottom; + transform: rotate(-45deg); + transform-origin: left bottom; } .navbar-menu { @@ -6852,11 +6335,8 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-item { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; } .navbar-item img { @@ -6888,11 +6368,8 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .navbar-link { @@ -6924,17 +6401,12 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .navbar-menu { background-color: white; - -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { @@ -6947,11 +6419,7 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar-menu, .navbar-start, .navbar-end { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .navbar { @@ -6960,10 +6428,10 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { - background-color: transparent; + 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 { - background-color: transparent; + background-color: transparent !important; } .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: whitesmoke; @@ -6978,17 +6446,11 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-item, .navbar-link { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .navbar-item.has-dropdown { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; @@ -6996,8 +6458,7 @@ a.navbar-item:hover, a.navbar-item.is-active, .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); - transform: translateY(0); + transform: translateY(0); } .navbar-link::after { border: 1px solid #00d1b2; @@ -7008,30 +6469,22 @@ a.navbar-item:hover, a.navbar-item.is-active, height: 0.5em; pointer-events: none; position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); width: 0.5em; margin-top: -0.375em; right: 1.125em; top: 50%; } .navbar-menu { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .navbar-start { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; margin-right: auto; } .navbar-end { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; margin-left: auto; } .navbar-dropdown { @@ -7039,8 +6492,7 @@ a.navbar-item:hover, a.navbar-item.is-active, border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px 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); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; @@ -7067,20 +6519,14 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar-dropdown.is-boxed { border-radius: 5px; 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); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transform: translateY(-5px); + transition-duration: 86ms; transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; } .navbar-dropdown.is-right { left: auto; @@ -7127,15 +6573,9 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination, .pagination-list { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; text-align: center; } @@ -7145,21 +6585,14 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: 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; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -7175,9 +6608,7 @@ a.navbar-item:hover, a.navbar-item.is-active, font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin: 0.25rem; text-align: center; } @@ -7228,8 +6659,7 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-previous:active, .pagination-next:active, .pagination-link:active { - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } .pagination-previous[disabled], @@ -7237,8 +6667,7 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; opacity: 0.5; } @@ -7262,96 +6691,59 @@ a.navbar-item:hover, a.navbar-item.is-active, } .pagination-list { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 768px) { .pagination { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .pagination-previous, .pagination-next { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .pagination-list li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; } .pagination-previous { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } .pagination { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .pagination.is-centered .pagination-previous { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } .pagination.is-centered .pagination-list { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + justify-content: center; + order: 2; } .pagination.is-centered .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } .pagination.is-right .pagination-previous { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } .pagination.is-right .pagination-next { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } .pagination.is-right .pagination-list { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + justify-content: flex-end; + order: 3; } } @@ -7388,16 +6780,10 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-tabs { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-end; display: flex; font-size: 0.875em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .panel-tabs a { @@ -7420,16 +6806,10 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-block { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #363636; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; padding: 0.5em 0.75em; } @@ -7438,17 +6818,13 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-block > .control { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .panel-block.is-active { @@ -7494,16 +6870,10 @@ label.panel-block:hover { -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; + align-items: stretch; display: flex; font-size: 1rem; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; @@ -7514,19 +6884,13 @@ label.panel-block:hover { } .tabs a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #4a4a4a; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; @@ -7547,23 +6911,14 @@ label.panel-block:hover { } .tabs ul { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; - 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; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } .tabs ul.is-left { @@ -7571,20 +6926,14 @@ label.panel-block:hover { } .tabs ul.is-center { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex: none; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; padding-left: 0.75em; } @@ -7597,15 +6946,11 @@ label.panel-block:hover { } .tabs.is-centered ul { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .tabs.is-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .tabs.is-boxed a { @@ -7625,11 +6970,8 @@ label.panel-block:hover { } .tabs.is-fullwidth li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .tabs.is-toggle a { @@ -7683,61 +7025,43 @@ label.panel-block:hover { .column { display: block; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .columns.is-mobile > .column.is-full { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } @@ -7762,9 +7086,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } @@ -7773,9 +7095,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } @@ -7784,9 +7104,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } @@ -7795,9 +7113,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } @@ -7806,9 +7122,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } @@ -7817,9 +7131,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } @@ -7828,9 +7140,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } @@ -7839,9 +7149,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } @@ -7850,9 +7158,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } @@ -7861,9 +7167,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } @@ -7872,9 +7176,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } @@ -7883,9 +7185,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } @@ -7895,44 +7195,30 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .column.is-narrow-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-mobile { @@ -7951,108 +7237,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-mobile { @@ -8062,44 +7324,30 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full, .column.is-full-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { @@ -8118,108 +7366,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1, .column.is-1-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } .column.is-2, .column.is-2-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } .column.is-3, .column.is-3-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } .column.is-5, .column.is-5-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } .column.is-6, .column.is-6-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } .column.is-8, .column.is-8-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } .column.is-9, .column.is-9-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } .column.is-11, .column.is-11-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } .column.is-12, .column.is-12-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { @@ -8229,44 +7453,30 @@ label.panel-block:hover { @media screen and (max-width: 1023px) { .column.is-narrow-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-touch { @@ -8285,108 +7495,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-touch { margin-left: 8.33333%; } .column.is-2-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-touch { margin-left: 16.66667%; } .column.is-3-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-touch { margin-left: 33.33333%; } .column.is-5-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-touch { margin-left: 41.66667%; } .column.is-6-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-touch { margin-left: 58.33333%; } .column.is-8-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-touch { margin-left: 66.66667%; } .column.is-9-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-touch { margin-left: 83.33333%; } .column.is-11-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-touch { margin-left: 91.66667%; } .column.is-12-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-touch { @@ -8396,44 +7582,30 @@ label.panel-block:hover { @media screen and (min-width: 1024px) { .column.is-narrow-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-desktop { @@ -8452,108 +7624,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-desktop { @@ -8563,44 +7711,30 @@ label.panel-block:hover { @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-widescreen { @@ -8619,108 +7753,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-widescreen { @@ -8730,44 +7840,30 @@ label.panel-block:hover { @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-fullhd { @@ -8786,108 +7882,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-fullhd { margin-left: 8.33333%; } .column.is-2-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-fullhd { margin-left: 16.66667%; } .column.is-3-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-fullhd { margin-left: 33.33333%; } .column.is-5-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-fullhd { margin-left: 41.66667%; } .column.is-6-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-fullhd { margin-left: 58.33333%; } .column.is-8-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-fullhd { margin-left: 66.66667%; } .column.is-9-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-fullhd { margin-left: 83.33333%; } .column.is-11-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-fullhd { margin-left: 91.66667%; } .column.is-12-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-fullhd { @@ -8910,9 +7982,7 @@ label.panel-block:hover { } .columns.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .columns.is-gapless { @@ -8935,34 +8005,25 @@ label.panel-block:hover { } .columns.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .columns.is-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-vcentered { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .columns.is-desktop { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @@ -9015,19 +8076,11 @@ label.panel-block:hover { } .tile { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; display: block; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - min-height: -webkit-min-content; - min-height: -moz-min-content; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; min-height: min-content; } @@ -9054,10 +8107,7 @@ label.panel-block:hover { } .tile.is-vertical { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { @@ -9066,104 +8116,67 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .tile:not(.is-child) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .tile.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .tile.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .tile.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .tile.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .tile.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .tile.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .tile.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .tile.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .tile.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .tile.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .tile.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .tile.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } } .hero { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + flex-direction: column; + justify-content: space-between; } -.hero .nav { +.hero .navbar { background: none; - -webkit-box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); - box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3); } .hero .tabs ul { @@ -9193,25 +8206,21 @@ label.panel-block:hover { color: #0a0a0a; } -.hero.is-white .nav { - -webkit-box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); - box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-white .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-white .navbar-menu { background-color: white; } } -.hero.is-white a.nav-item, -.hero.is-white .nav-item a:not(.button) { +.hero.is-white .navbar-item, +.hero.is-white .navbar-link { color: rgba(10, 10, 10, 0.7); } -.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active, -.hero.is-white .nav-item a:not(.button):hover, -.hero.is-white .nav-item a:not(.button).is-active { +.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, +.hero.is-white .navbar-link:hover, +.hero.is-white .navbar-link.is-active { + background-color: #f2f2f2; color: #0a0a0a; } @@ -9247,26 +8256,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-white.is-bold .nav-menu { + .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } } -@media screen and (max-width: 768px) { - .hero.is-white .nav-toggle span { - background-color: #0a0a0a; - } - .hero.is-white .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-white .nav-toggle.is-active span { - background-color: #0a0a0a; - } - .hero.is-white .nav-menu .nav-item { - border-top-color: rgba(10, 10, 10, 0.2); - } -} - .hero.is-black { background-color: #0a0a0a; color: white; @@ -9290,25 +8284,21 @@ label.panel-block:hover { color: white; } -.hero.is-black .nav { - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-black .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-black .navbar-menu { background-color: #0a0a0a; } } -.hero.is-black a.nav-item, -.hero.is-black .nav-item a:not(.button) { +.hero.is-black .navbar-item, +.hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); } -.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active, -.hero.is-black .nav-item a:not(.button):hover, -.hero.is-black .nav-item a:not(.button).is-active { +.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, +.hero.is-black .navbar-link:hover, +.hero.is-black .navbar-link.is-active { + background-color: black; color: white; } @@ -9344,26 +8334,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-black.is-bold .nav-menu { + .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } } -@media screen and (max-width: 768px) { - .hero.is-black .nav-toggle span { - background-color: white; - } - .hero.is-black .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-black .nav-toggle.is-active span { - background-color: white; - } - .hero.is-black .nav-menu .nav-item { - border-top-color: rgba(255, 255, 255, 0.2); - } -} - .hero.is-light { background-color: whitesmoke; color: #363636; @@ -9387,25 +8362,21 @@ label.panel-block:hover { color: #363636; } -.hero.is-light .nav { - -webkit-box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); - box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-light .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-light .navbar-menu { background-color: whitesmoke; } } -.hero.is-light a.nav-item, -.hero.is-light .nav-item a:not(.button) { +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { color: rgba(54, 54, 54, 0.7); } -.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active, -.hero.is-light .nav-item a:not(.button):hover, -.hero.is-light .nav-item a:not(.button).is-active { +.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, +.hero.is-light .navbar-link:hover, +.hero.is-light .navbar-link.is-active { + background-color: #e8e8e8; color: #363636; } @@ -9441,26 +8412,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-light.is-bold .nav-menu { + .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } -@media screen and (max-width: 768px) { - .hero.is-light .nav-toggle span { - background-color: #363636; - } - .hero.is-light .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-light .nav-toggle.is-active span { - background-color: #363636; - } - .hero.is-light .nav-menu .nav-item { - border-top-color: rgba(54, 54, 54, 0.2); - } -} - .hero.is-dark { background-color: #363636; color: whitesmoke; @@ -9484,25 +8440,21 @@ label.panel-block:hover { color: whitesmoke; } -.hero.is-dark .nav { - -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); - box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-dark .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-dark .navbar-menu { background-color: #363636; } } -.hero.is-dark a.nav-item, -.hero.is-dark .nav-item a:not(.button) { +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { color: rgba(245, 245, 245, 0.7); } -.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active, -.hero.is-dark .nav-item a:not(.button):hover, -.hero.is-dark .nav-item a:not(.button).is-active { +.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, +.hero.is-dark .navbar-link:hover, +.hero.is-dark .navbar-link.is-active { + background-color: #292929; color: whitesmoke; } @@ -9538,26 +8490,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-dark.is-bold .nav-menu { + .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } -@media screen and (max-width: 768px) { - .hero.is-dark .nav-toggle span { - background-color: whitesmoke; - } - .hero.is-dark .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-dark .nav-toggle.is-active span { - background-color: whitesmoke; - } - .hero.is-dark .nav-menu .nav-item { - border-top-color: rgba(245, 245, 245, 0.2); - } -} - .hero.is-primary { background-color: #00d1b2; color: #fff; @@ -9581,25 +8518,21 @@ label.panel-block:hover { color: #fff; } -.hero.is-primary .nav { - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-primary .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-primary .navbar-menu { background-color: #00d1b2; } } -.hero.is-primary a.nav-item, -.hero.is-primary .nav-item a:not(.button) { +.hero.is-primary .navbar-item, +.hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); } -.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, -.hero.is-primary .nav-item a:not(.button):hover, -.hero.is-primary .nav-item a:not(.button).is-active { +.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, +.hero.is-primary .navbar-link:hover, +.hero.is-primary .navbar-link.is-active { + background-color: #00b89c; color: #fff; } @@ -9635,26 +8568,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-primary.is-bold .nav-menu { + .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); } } -@media screen and (max-width: 768px) { - .hero.is-primary .nav-toggle span { - background-color: #fff; - } - .hero.is-primary .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-primary .nav-toggle.is-active span { - background-color: #fff; - } - .hero.is-primary .nav-menu .nav-item { - border-top-color: rgba(255, 255, 255, 0.2); - } -} - .hero.is-info { background-color: #3273dc; color: #fff; @@ -9678,25 +8596,21 @@ label.panel-block:hover { color: #fff; } -.hero.is-info .nav { - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-info .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-info .navbar-menu { background-color: #3273dc; } } -.hero.is-info a.nav-item, -.hero.is-info .nav-item a:not(.button) { +.hero.is-info .navbar-item, +.hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); } -.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, -.hero.is-info .nav-item a:not(.button):hover, -.hero.is-info .nav-item a:not(.button).is-active { +.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, +.hero.is-info .navbar-link:hover, +.hero.is-info .navbar-link.is-active { + background-color: #2366d1; color: #fff; } @@ -9732,26 +8646,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-info.is-bold .nav-menu { + .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } } -@media screen and (max-width: 768px) { - .hero.is-info .nav-toggle span { - background-color: #fff; - } - .hero.is-info .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-info .nav-toggle.is-active span { - background-color: #fff; - } - .hero.is-info .nav-menu .nav-item { - border-top-color: rgba(255, 255, 255, 0.2); - } -} - .hero.is-success { background-color: #23d160; color: #fff; @@ -9775,25 +8674,21 @@ label.panel-block:hover { color: #fff; } -.hero.is-success .nav { - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-success .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-success .navbar-menu { background-color: #23d160; } } -.hero.is-success a.nav-item, -.hero.is-success .nav-item a:not(.button) { +.hero.is-success .navbar-item, +.hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); } -.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, -.hero.is-success .nav-item a:not(.button):hover, -.hero.is-success .nav-item a:not(.button).is-active { +.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, +.hero.is-success .navbar-link:hover, +.hero.is-success .navbar-link.is-active { + background-color: #20bc56; color: #fff; } @@ -9829,26 +8724,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-success.is-bold .nav-menu { + .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } } -@media screen and (max-width: 768px) { - .hero.is-success .nav-toggle span { - background-color: #fff; - } - .hero.is-success .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-success .nav-toggle.is-active span { - background-color: #fff; - } - .hero.is-success .nav-menu .nav-item { - border-top-color: rgba(255, 255, 255, 0.2); - } -} - .hero.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); @@ -9872,25 +8752,21 @@ label.panel-block:hover { color: rgba(0, 0, 0, 0.7); } -.hero.is-warning .nav { - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-warning .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-warning .navbar-menu { background-color: #ffdd57; } } -.hero.is-warning a.nav-item, -.hero.is-warning .nav-item a:not(.button) { +.hero.is-warning .navbar-item, +.hero.is-warning .navbar-link { color: rgba(0, 0, 0, 0.7); } -.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active, -.hero.is-warning .nav-item a:not(.button):hover, -.hero.is-warning .nav-item a:not(.button).is-active { +.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, +.hero.is-warning .navbar-link:hover, +.hero.is-warning .navbar-link.is-active { + background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } @@ -9926,26 +8802,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-warning.is-bold .nav-menu { + .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } } -@media screen and (max-width: 768px) { - .hero.is-warning .nav-toggle span { - background-color: rgba(0, 0, 0, 0.7); - } - .hero.is-warning .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-warning .nav-toggle.is-active span { - background-color: rgba(0, 0, 0, 0.7); - } - .hero.is-warning .nav-menu .nav-item { - border-top-color: rgba(0, 0, 0, 0.2); - } -} - .hero.is-danger { background-color: #ff3860; color: #fff; @@ -9969,25 +8830,21 @@ label.panel-block:hover { color: #fff; } -.hero.is-danger .nav { - -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -} - -@media screen and (max-width: 768px) { - .hero.is-danger .nav-menu { +@media screen and (max-width: 1023px) { + .hero.is-danger .navbar-menu { background-color: #ff3860; } } -.hero.is-danger a.nav-item, -.hero.is-danger .nav-item a:not(.button) { +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); } -.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, -.hero.is-danger .nav-item a:not(.button):hover, -.hero.is-danger .nav-item a:not(.button).is-active { +.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, +.hero.is-danger .navbar-link:hover, +.hero.is-danger .navbar-link.is-active { + background-color: #ff1f4b; color: #fff; } @@ -10023,26 +8880,11 @@ label.panel-block:hover { } @media screen and (max-width: 768px) { - .hero.is-danger.is-bold .nav-menu { + .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } } -@media screen and (max-width: 768px) { - .hero.is-danger .nav-toggle span { - background-color: #fff; - } - .hero.is-danger .nav-toggle:hover { - background-color: rgba(10, 10, 10, 0.1); - } - .hero.is-danger .nav-toggle.is-active span { - background-color: #fff; - } - .hero.is-danger .nav-menu .nav-item { - border-top-color: rgba(255, 255, 255, 0.2); - } -} - .hero.is-small .hero-body { padding-bottom: 1.5rem; padding-top: 1.5rem; @@ -10063,20 +8905,13 @@ label.panel-block:hover { } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .hero.is-halfheight { @@ -10102,8 +8937,7 @@ label.panel-block:hover { min-width: 100%; position: absolute; top: 50%; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { @@ -10122,8 +8956,6 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .hero-buttons .button { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .hero-buttons .button:not(:last-child) { @@ -10133,12 +8965,8 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .hero-buttons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; @@ -10147,19 +8975,13 @@ label.panel-block:hover { .hero-head, .hero-foot { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; } .hero-body { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; padding: 3rem 1.5rem; } @@ -10445,15 +9267,9 @@ svg { } #carboncontainer { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-left: auto; margin-right: auto; max-width: 340px; @@ -10461,16 +9277,13 @@ svg { } #carbon { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; padding: 0; position: relative; } #carbon:hover { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; } @media screen and (min-width: 769px), print { @@ -10539,54 +9352,18 @@ svg { right: 10px; } -@-webkit-keyframes floatUp { - 0% { - -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - 67% { - -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } - 100% { - -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes floatUp { 0% { - -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); - -webkit-transform: scale(0.86); - transform: scale(0.86); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); + transform: scale(0.86); } 67% { - -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); + box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + transform: scale(1); } 100% { - -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes strokePath { - from { - stroke-dashoffset: 880; - } - to { - stroke-dashoffset: 0; + box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); + transform: scale(1); } } @@ -10599,129 +9376,59 @@ svg { } } -@-webkit-keyframes fadeIn { - from { - opacity: 0; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes fadeIn { from { opacity: 0; - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } to { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - 67% { - opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - 100% { - opacity: 0; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @keyframes fadeOut { 0% { opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } 67% { opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } 100% { opacity: 0; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes slideDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: scale(1); } } @keyframes slideDown { 0% { opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); + transform: translateY(-10px); } 100% { opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@-webkit-keyframes slideUp { - 0% { - opacity: 0; - -webkit-transform: translateY(10px); - transform: translateY(10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } } @keyframes slideUp { 0% { opacity: 0; - -webkit-transform: translateY(10px); - transform: translateY(10px); + transform: translateY(10px); } 100% { opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } } #b { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: floatUp; - animation-name: floatUp; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-duration: 1.5s; + animation-fill-mode: both; + animation-name: floatUp; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); border-radius: 24px; display: inline-block; height: 240px; @@ -10743,25 +9450,17 @@ svg { } #b svg:first-child { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: fadeOut; - animation-name: fadeOut; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-duration: 1.5s; + animation-fill-mode: both; + animation-name: fadeOut; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); } #b svg:first-child g { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: strokePath; - animation-name: strokePath; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-duration: 1s; + animation-fill-mode: both; + animation-name: strokePath; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); fill: none; stroke: #00d1b2; stroke-dasharray: 880; @@ -10769,16 +9468,11 @@ svg { } #b svg:last-child { - -webkit-animation-delay: 1s; - animation-delay: 1s; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: fadeIn; - animation-name: fadeIn; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-delay: 1s; + animation-duration: 1s; + animation-fill-mode: both; + animation-name: fadeIn; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); } #b svg:last-child g { @@ -10794,32 +9488,21 @@ svg { } #bulma { - -webkit-animation: slideDown 500ms both; - animation: slideDown 500ms both; + animation: slideDown 500ms both; } #modern-framework { - -webkit-animation: slideUp 500ms both; - animation: slideUp 500ms both; - -webkit-animation-delay: 0.2s; - animation-delay: 0.2s; + animation: slideUp 500ms both; + animation-delay: 0.2s; } #npm { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-animation: fadeIn 500ms both; - animation: fadeIn 500ms both; - -webkit-animation-delay: 0.4s; - animation-delay: 0.4s; + align-items: center; + animation: fadeIn 500ms both; + animation-delay: 0.4s; background: none; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin: -10px 0 20px; } @@ -10833,24 +9516,18 @@ svg { } #ghbtns { - -webkit-animation: slideDown 500ms both; - animation: slideDown 500ms both; - -webkit-animation-delay: 0.6s; - animation-delay: 0.6s; + animation: slideDown 500ms both; + animation-delay: 0.6s; } html.route-index #carbon { - -webkit-animation: slideUp 500ms both; - animation: slideUp 500ms both; - -webkit-animation-delay: 0.8s; - animation-delay: 0.8s; + animation: slideUp 500ms both; + animation-delay: 0.8s; } #download { - -webkit-animation: fadeIn 500ms both; - animation: fadeIn 500ms both; - -webkit-animation-delay: 1s; - animation-delay: 1s; + animation: fadeIn 500ms both; + animation-delay: 1s; } #grid .notification { @@ -10865,8 +9542,7 @@ html.route-index #carbon { #tweet { background: white; border-radius: 5px; - -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); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); padding: 1.5rem; } @@ -10911,9 +9587,7 @@ html.route-index #carbon { padding-right: 1rem; } #moreDropdown .navbar-item .level { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } } @@ -10943,17 +9617,10 @@ html.route-index #carbon { } #social { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; } #social > iframe, @@ -10981,32 +9648,22 @@ html.route-index #carbon { } #social .fb-like { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; width: 130px; } #newsletter .input { border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } #sister ul { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } #sister li { - display: -webkit-box; - display: -ms-flexbox; display: flex; height: 30px; margin: 5px 1rem 0 0; @@ -11038,8 +9695,7 @@ html.route-index #carbon { .bd-color { border-radius: 2px; - -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); display: inline-block; float: left; height: 24px; @@ -11164,18 +9820,15 @@ html.route-index #carbon { } .bd-article-image:hover .bd-article-icon { - -webkit-transform: scale(1.4); - transform: scale(1.4); + transform: scale(1.4); } .bd-article-image:hover .bd-article-date { - -webkit-transform: scale(0.9); - transform: scale(0.9); + transform: scale(0.9); } .bd-article-image:hover .bd-article-title { - -webkit-transform: scale(1.1); - transform: scale(1.1); + transform: scale(1.1); } .bd-article-image.is-single { @@ -11191,12 +9844,9 @@ html.route-index #carbon { top: 0; background-color: #0a0a0a; opacity: 0; - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: opacity; + transition-duration: 86ms; transition-property: opacity; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon, @@ -11206,28 +9856,17 @@ html.route-index #carbon { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-article-icon, .bd-article-date, .bd-article-title { - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; + transition-duration: 86ms; transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon { @@ -11401,6 +10040,14 @@ html.route-index #carbon { margin-bottom: 1.5rem; } +.bd-example + .bd-highlight-clipped { + margin-top: -1.5rem; +} + +.bd-example + .bd-highlight-clipped:not(:last-child) { + margin-bottom: 1.5rem; +} + .bd-snippet { border: 1px solid #ffdd57; margin-top: 2rem; @@ -11413,11 +10060,7 @@ html.route-index #carbon { .bd-snippet::before { content: "Snippet"; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } @@ -11435,15 +10078,9 @@ html.route-index #carbon { @media screen and (min-width: 1024px) { .bd-snippet.bd-is-vertical { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-snippet.bd-is-vertical .bd-snippet-preview, .bd-snippet.bd-is-vertical .bd-snippet-code { @@ -11452,23 +10089,14 @@ html.route-index #carbon { .bd-snippet.bd-is-vertical .bd-snippet-code, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .bd-snippet.bd-is-vertical .bd-snippet-code .highlight, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight .language-html { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre { white-space: pre; @@ -11483,8 +10111,7 @@ html.route-index #carbon { .highlight.bd-is-hovering { border-radius: 2px; - -webkit-box-shadow: 0 0 0 2px #ffdd57; - box-shadow: 0 0 0 2px #ffdd57; + box-shadow: 0 0 0 2px #ffdd57; } .highlight pre { @@ -11538,18 +10165,12 @@ html.route-index #carbon { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; content: attr(title); - display: -webkit-box; - display: -ms-flexbox; display: flex; font-family: monospace; font-size: 11px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 3px 5px; z-index: 2; } @@ -11559,12 +10180,8 @@ html.route-index #carbon { } .bd-structure-item.bd-is-structure-container:after { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + align-items: flex-start; + justify-content: flex-start; padding: 0.5rem 0.75rem; } @@ -11596,8 +10213,7 @@ html.route-index #carbon { .highlight .bd-copy:focus, .highlight .bd-copy:active, .highlight .bd-expand:focus, .highlight .bd-expand:active { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .highlight .bd-expand { @@ -11610,6 +10226,47 @@ html.route-index #carbon { } } +.bd-highlight-clipped .bd-show { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + align-items: center; + background-color: rgba(0, 0, 0, 0.9); + background-image: linear-gradient(transparent, transparent 90%, black); + border: none; + color: white; + cursor: pointer; + display: none; + font-size: 1rem; + justify-content: center; + opacity: 0.7; + width: 100%; +} + +.bd-highlight-clipped .bd-show strong { + color: currentColor; + font-weight: 600; +} + +.bd-highlight-clipped .bd-show:hover { + opacity: 0.8; +} + +.bd-highlight-clipped .highlight.bd-is-clipped { + height: 4em; + overflow: hidden; +} + +.bd-highlight-clipped .highlight.bd-is-clipped pre { + overflow: hidden; +} + +.bd-highlight-clipped .highlight.bd-is-clipped .bd-show { + display: flex; +} + @media screen and (min-width: 769px), print { .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) { margin-left: 1.5rem; @@ -11717,8 +10374,7 @@ html.route-index #carbon { #_default_ > a { background-color: white; border-radius: 5px; - -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); + 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; line-height: 1.375; @@ -11730,13 +10386,11 @@ html.route-index #carbon { } #_default_ > a:hover, #_default_ > a:focus { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; } #_default_ > a:active { - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2; } #_default_ > a span { @@ -11777,12 +10431,8 @@ html.route-index #carbon { min-height: 120px; } #_default_ { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; position: relative; } #_default_ .default-ad { @@ -11852,11 +10502,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-tws-home { background-color: whitesmoke; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; overflow: auto; padding: 20px; } @@ -11866,32 +10513,21 @@ html.route-index .hero.is-primary a.column:hover .title strong { border: 1px solid #e1e8ed; border-radius: 5px; color: #697882; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; font-size: 16px; padding: 20px; } .bd-tw-header { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .bd-tw-author { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #1c2022; - display: -webkit-box; - display: -ms-flexbox; display: flex; line-height: 1.2; } @@ -11901,8 +10537,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-tw-avatar { - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; height: 36px; margin-right: 9px; width: 36px; @@ -11961,11 +10596,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .Tweet-actions { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; margin-top: 8.4px; } @@ -11975,11 +10606,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .TweetAction { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; height: 24px; min-width: 24px; @@ -12059,11 +10686,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { min-height: 595px; } .bd-tws-love { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; margin: -0.75rem; } .bd-tws-love .bd-tw { @@ -12134,15 +10758,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-website-image { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-bottom: 1.5rem; position: relative; } @@ -12157,7 +10775,6 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-website-image .b-lazy { opacity: 0; - -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; } @@ -12167,14 +10784,12 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-website-shadow { border: 1px solid rgba(0, 0, 0, 0.04); - -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .bd-website-overlay { background-color: #0a0a0a; opacity: 0; - -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } @@ -12190,14 +10805,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding-top: 3rem; } .bd-websites { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + flex-wrap: wrap; + justify-content: space-between; } .bd-website { margin-top: 3rem; @@ -12223,15 +10833,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-testimonial { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-testimonial-tweet { @@ -12239,15 +10843,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-top: 1.5rem; text-align: center; } @@ -12258,17 +10856,12 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves .button span { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transition: -webkit-transform 86ms ease-out; - transition: -webkit-transform 86ms ease-out; + transform-origin: center center; transition: transform 86ms ease-out; - transition: transform 86ms ease-out, -webkit-transform 86ms ease-out; } .bd-more-loves .button:hover span { - -webkit-transform: scale(1.04); - transform: scale(1.04); + transform: scale(1.04); } @media screen and (max-width: 768px) { @@ -12308,8 +10901,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-rainbow { - -webkit-animation: rainbow 8s ease infinite; - animation: rainbow 8s ease infinite; + animation: rainbow 8s ease infinite; background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc); background-size: 800% 800%; } @@ -12319,18 +10911,6 @@ html.route-index .hero.is-primary a.column:hover .title strong { color: white; } -@-webkit-keyframes rainbow { - 0% { - background-position: 0% 80%; - } - 50% { - background-position: 100% 20%; - } - 100% { - background-position: 0% 80%; - } -} - @keyframes rainbow { 0% { background-position: 0% 80%; @@ -12344,15 +10924,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-hug { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } @media screen and (max-width: 768px) { @@ -12381,15 +10955,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding: 3rem 1.5rem; } .bd-embrace { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-embrace:not(:first-child) { margin-top: 3rem; @@ -12401,11 +10969,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { margin-left: 1.5rem; } .bd-hugs { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; padding-bottom: 3rem; } .bd-hug { @@ -12556,17 +11121,10 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-klmn-gaps { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; margin-bottom: 1.25rem; } @@ -12596,5 +11154,3 @@ html.route-index .hero.is-primary a.column:hover .title strong { font-size: 0.75rem; white-space: nowrap; } - -/*# sourceMappingURL=bulma-docs.css.map */ \ No newline at end of file diff --git a/docs/documentation/layout/hero.html b/docs/documentation/layout/hero.html index 6617d360..d59a0923 100644 --- a/docs/documentation/layout/hero.html +++ b/docs/documentation/layout/hero.html @@ -427,122 +427,45 @@ doc-subtab: hero -
-
-
-
-
-
-
- - Logo - -
- - - - - -
- - Home - - - Examples - - - Documentation - - - - - - - Download - - -
-
-
-
- -
-
-

- Title -

-

- Subtitle -

-
-
- -
- -
-
-
- -{% highlight html %} +{% capture heroNavbarA %}
- +
-
+
+
@@ -573,299 +496,181 @@ doc-subtab: hero
-{% endhighlight %} +{% endcapture %} + +{% capture heroNavbarB %} +
+
+ +
+ +
+
+

+ Title +

+

+ Subtitle +

+
+
+ +
+ +
+
+{% endcapture %} + +{% capture heroNavbarC %} +
+ +
+
+
+
+ + Logo + + + + + + +
+ +
+
+
+ + +
+
+

+ Title +

+

+ Subtitle +

+
+
+ + +
+ +
+
+{% endcapture %} + +
+
+ {{ heroNavbarA }} +
+ +
+ {% highlight html %}{{ heroNavbarA }}{% endhighlight %} +
-
-
-
-
-
- - Logo - -
- - - - - -
- - Home - - - Examples - - - Documentation - - - - - - - Download - - -
-
-
-
- -
-
-

- Title -

-

- Subtitle -

-
-
- -
- -
-
+ {{ heroNavbarB }}
-{% highlight html %} -
- -
-
-
-
- - Logo - -
- - - - - -
- - Home - - - Examples - - - Documentation - - - - - - - Download - - -
-
-
+
+ {% highlight html %}{{ heroNavbarB }}{% endhighlight %}
- -
-
-

- Title -

-

- Subtitle -

-
+
+ {{ heroNavbarC }}
- -
- +
+ {% highlight html %}{{ heroNavbarC }}{% endhighlight %}
-{% endhighlight %} - -
-
-
-
-
-
- - Logo - -
- - - - - -
- - Home - - - Examples - - - Documentation - - - - - - - Download - - -
-
-
-
- -
-
-

- Title -

-

- Subtitle -

-
-
- -
- -
-
-
- -{% highlight html %} -
- -
-
-
-
- - Logo - -
- - - - - -
- - Home - - - Examples - - - Documentation - - - - - - - Download - - -
-
-
-
- - -
-
-

- Title -

-

- Subtitle -

-
-
- - -
- -
-
-{% endhighlight %} -
diff --git a/docs/lib/main.js b/docs/lib/main.js index 4df84624..0fb06f01 100644 --- a/docs/lib/main.js +++ b/docs/lib/main.js @@ -105,12 +105,19 @@ document.addEventListener('DOMContentLoaded', function () { if ($highlights.length > 0) { $highlights.forEach(function ($el) { - var copy = ''; - var expand = ''; - $el.insertAdjacentHTML('beforeend', copy); + var copyEl = ''; + var expandEl = ''; + $el.insertAdjacentHTML('beforeend', copyEl); if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) { - $el.insertAdjacentHTML('beforeend', expand); + $el.insertAdjacentHTML('beforeend', expandEl); + } + + var $parent = $el.parentNode; + if ($parent && $parent.className == 'bd-highlight-clipped') { + var showEl = ''; + $el.classList.add('bd-is-clipped'); + $el.insertAdjacentHTML('beforeend', showEl); } itemsProcessed++; @@ -140,6 +147,14 @@ document.addEventListener('DOMContentLoaded', function () { $el.parentNode.firstElementChild.style.maxHeight = 'none'; }); }); + + var $highlightShows = getAll('.bd-highlight-clipped .bd-show'); + + $highlightShows.forEach(function ($el) { + $el.addEventListener('click', function () { + $el.parentNode.classList.remove('bd-is-clipped'); + }); + }); } new Clipboard('.bd-copy', { diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass index 9e71f53c..3a14a56a 100644 --- a/sass/components/navbar.sass +++ b/sass/components/navbar.sass @@ -196,12 +196,12 @@ a.navbar-item, .navbar-link &:hover, &.is-active - background-color: transparent + background-color: transparent !important .navbar-item.has-dropdown &.is-active, &.is-hoverable:hover .navbar-link - background-color: transparent + background-color: transparent !important .navbar-dropdown a.navbar-item &:hover diff --git a/sass/layout/hero.sass b/sass/layout/hero.sass index 7f6f4504..bcaaa9cc 100644 --- a/sass/layout/hero.sass +++ b/sass/layout/hero.sass @@ -5,9 +5,8 @@ display: flex flex-direction: column justify-content: space-between - .nav + .navbar background: none - box-shadow: 0 1px 0 rgba($border, 0.3) .tabs ul border-bottom: none @@ -28,16 +27,17 @@ a:not(.button), strong color: $color-invert - .nav - box-shadow: 0 1px 0 rgba($color-invert, 0.2) - .nav-menu - +mobile + .navbar-menu + +touch background-color: $color - a.nav-item, - .nav-item a:not(.button) + .navbar-item, + .navbar-link color: rgba($color-invert, 0.7) + a.navbar-item, + .navbar-link &:hover, &.is-active + background-color: darken($color, 5%) color: $color-invert .tabs a @@ -66,21 +66,21 @@ $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%) background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) +mobile - .nav-menu + .navbar-menu background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) // Responsiveness - +mobile - .nav-toggle - span - background-color: $color-invert - &:hover - background-color: rgba($black, 0.1) - &.is-active - span - background-color: $color-invert - .nav-menu - .nav-item - border-top-color: rgba($color-invert, 0.2) + // +mobile + // .nav-toggle + // span + // background-color: $color-invert + // &:hover + // background-color: rgba($black, 0.1) + // &.is-active + // span + // background-color: $color-invert + // .nav-menu + // .nav-item + // border-top-color: rgba($color-invert, 0.2) // Sizes &.is-small .hero-body