From 1210e65f838d93d97a7a5ad636cd35d14c642b05 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Wed, 11 Oct 2017 17:25:33 +0100 Subject: [PATCH] Add intro video --- docs/_includes/footer.html | 1 + docs/_includes/index/intro.html | 13 +- docs/_javascript/index.js | 8 +- docs/_sass/index.sass | 23 +- docs/css/bulma-docs.css | 2362 ++++++++++++++----- docs/images/index/vimeo-placeholder-bis.jpg | Bin 0 -> 5719 bytes docs/images/index/vimeo-placeholder.jpg | Bin 4976 -> 5919 bytes docs/lib/index.js | 8 +- 8 files changed, 1832 insertions(+), 583 deletions(-) create mode 100644 docs/images/index/vimeo-placeholder-bis.jpg diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index 92cb3f42..b9e2afb2 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -111,6 +111,7 @@ {% if page.route == 'index' %} + {% endif %} diff --git a/docs/_includes/index/intro.html b/docs/_includes/index/intro.html index fbf6d23c..f1103ce5 100644 --- a/docs/_includes/index/intro.html +++ b/docs/_includes/index/intro.html @@ -8,7 +8,7 @@ Bulma is a free and open source CSS framework based on Flexbox. -
+
@@ -35,13 +35,16 @@
-
-
+
+
- +
+

+ Video by Open SourceCraft +

@@ -50,4 +53,4 @@ - \ No newline at end of file + diff --git a/docs/_javascript/index.js b/docs/_javascript/index.js index 77c4650c..fd09327c 100644 --- a/docs/_javascript/index.js +++ b/docs/_javascript/index.js @@ -2,11 +2,13 @@ document.addEventListener('DOMContentLoaded', () => { // Intro - const introVimeo = document.getElementById('introVimeo'); + const introVideo = document.getElementById('introVideo'); + const introIframe = document.getElementById('introIframe'); + const introPlayer = new Vimeo.Player(introIframe); const npmClipboard = new Clipboard('#npmCopy'); - introVimeo.addEventListener('load', () => { - introVimeo.parentNode.parentNode.classList.add('has-loaded'); + introPlayer.ready().then(function() { + introVideo.classList.add('has-loaded'); }); npmClipboard.on('success', function(e) { diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass index e8013460..0818500e 100644 --- a/docs/_sass/index.sass +++ b/docs/_sass/index.sass @@ -11,6 +11,8 @@ .intro-ghbtns height: 30px + margin-bottom: 24px + // margin-bottom: 46px .intro-npm background: $black-ter @@ -79,7 +81,7 @@ .intro-spinner, .intro-shadow - animation-duration: 1000ms + animation-duration: 500ms animation-easing-function: ease-out animation-fill-mode: both transform-origin: center @@ -107,8 +109,7 @@ .intro-shadow +overlay - background-color: #43647b - background-image: url("/images/index/vimeo-placeholder.jpg") + background-color: #776e70 background-position: center center background-repeat: no-repeat background-size: cover @@ -118,6 +119,7 @@ .intro-iframe opacity: 0 padding-top: 52.8125% + // padding-top: 56.25% position: relative transition-duration: 500ms transition-property: opacity @@ -128,6 +130,21 @@ top: 0 width: 100% +.intro-author + color: $text-light + font-size: $size-small + margin-top: 1rem + text-align: center + a + color: $text-strong + &:hover + text-decoration: underline + span + opacity: 0.5 + transition: 100ms opacity + &:hover + opacity: 1 + +mobile .intro-buttons .button diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 9431971a..75f094c1 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -1,11 +1,23 @@ @charset "UTF-8"; /*! bulma.io v0.6.0 | MIT License | github.com/jgthms/bulma */ -@keyframes spinAround { +@-webkit-keyframes spinAround { from { - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } to { - transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } @@ -59,15 +71,18 @@ textarea { } html { - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } * { - box-sizing: inherit; + -webkit-box-sizing: inherit; + box-sizing: inherit; } *:before, *:after { - box-sizing: inherit; + -webkit-box-sizing: inherit; + box-sizing: inherit; } img, @@ -102,7 +117,10 @@ html { overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; - text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; } article, @@ -852,59 +870,79 @@ 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; } } @@ -1026,59 +1064,79 @@ 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; } } @@ -1154,7 +1212,8 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-shadowless { - box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; } .is-unselectable { @@ -1168,7 +1227,8 @@ a.has-text-danger:hover, a.has-text-danger:focus { .box { background-color: white; border-radius: 5px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; padding: 1.25rem; @@ -1179,24 +1239,33 @@ a.has-text-danger:hover, a.has-text-danger:focus { } a.box:hover, a.box:focus { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } a.box:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } .button { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -1213,7 +1282,9 @@ a.box:active { border-color: #dbdbdb; color: #363636; cursor: pointer; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; text-align: center; @@ -1263,7 +1334,8 @@ a.box:active { } .button:focus:not(:active), .button.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -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); } .button:active, .button.is-active { @@ -1291,7 +1363,8 @@ a.box:active { .button.is-text[disabled] { background-color: transparent; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-white { @@ -1312,7 +1385,8 @@ a.box:active { } .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + -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); } .button.is-white:active, .button.is-white.is-active { @@ -1324,7 +1398,8 @@ a.box:active { .button.is-white[disabled] { background-color: white; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-white.is-inverted { @@ -1339,7 +1414,8 @@ a.box:active { .button.is-white.is-inverted[disabled] { background-color: #0a0a0a; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: white; } @@ -1366,7 +1442,8 @@ a.box:active { .button.is-white.is-outlined[disabled] { background-color: transparent; border-color: white; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: white; } @@ -1384,7 +1461,8 @@ a.box:active { .button.is-white.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1406,7 +1484,8 @@ a.box:active { } .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + -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); } .button.is-black:active, .button.is-black.is-active { @@ -1418,7 +1497,8 @@ a.box:active { .button.is-black[disabled] { background-color: #0a0a0a; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-black.is-inverted { @@ -1433,7 +1513,8 @@ a.box:active { .button.is-black.is-inverted[disabled] { background-color: white; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1460,7 +1541,8 @@ a.box:active { .button.is-black.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1478,7 +1560,8 @@ a.box:active { .button.is-black.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: white; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: white; } @@ -1500,7 +1583,8 @@ a.box:active { } .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + -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); } .button.is-light:active, .button.is-light.is-active { @@ -1512,7 +1596,8 @@ a.box:active { .button.is-light[disabled] { background-color: whitesmoke; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-light.is-inverted { @@ -1527,7 +1612,8 @@ a.box:active { .button.is-light.is-inverted[disabled] { background-color: #363636; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1554,7 +1640,8 @@ a.box:active { .button.is-light.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1572,7 +1659,8 @@ a.box:active { .button.is-light.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #363636; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #363636; } @@ -1594,7 +1682,8 @@ a.box:active { } .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + -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); } .button.is-dark:active, .button.is-dark.is-active { @@ -1606,7 +1695,8 @@ a.box:active { .button.is-dark[disabled] { background-color: #363636; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-dark.is-inverted { @@ -1621,7 +1711,8 @@ a.box:active { .button.is-dark.is-inverted[disabled] { background-color: whitesmoke; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #363636; } @@ -1648,7 +1739,8 @@ a.box:active { .button.is-dark.is-outlined[disabled] { background-color: transparent; border-color: #363636; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #363636; } @@ -1666,7 +1758,8 @@ a.box:active { .button.is-dark.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1688,7 +1781,8 @@ a.box:active { } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + -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); } .button.is-primary:active, .button.is-primary.is-active { @@ -1700,7 +1794,8 @@ a.box:active { .button.is-primary[disabled] { background-color: #00d1b2; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-primary.is-inverted { @@ -1715,7 +1810,8 @@ a.box:active { .button.is-primary.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1742,7 +1838,8 @@ a.box:active { .button.is-primary.is-outlined[disabled] { background-color: transparent; border-color: #00d1b2; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1760,7 +1857,8 @@ a.box:active { .button.is-primary.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -1782,7 +1880,8 @@ a.box:active { } .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -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); } .button.is-link:active, .button.is-link.is-active { @@ -1794,7 +1893,8 @@ a.box:active { .button.is-link[disabled] { background-color: #3273dc; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-link.is-inverted { @@ -1809,7 +1909,8 @@ a.box:active { .button.is-link.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -1836,7 +1937,8 @@ a.box:active { .button.is-link.is-outlined[disabled] { background-color: transparent; border-color: #3273dc; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -1854,7 +1956,8 @@ a.box:active { .button.is-link.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -1876,7 +1979,8 @@ a.box:active { } .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .button.is-info:active, .button.is-info.is-active { @@ -1888,7 +1992,8 @@ a.box:active { .button.is-info[disabled] { background-color: #209cee; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-info.is-inverted { @@ -1903,7 +2008,8 @@ a.box:active { .button.is-info.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #209cee; } @@ -1930,7 +2036,8 @@ a.box:active { .button.is-info.is-outlined[disabled] { background-color: transparent; border-color: #209cee; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #209cee; } @@ -1948,7 +2055,8 @@ a.box:active { .button.is-info.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -1970,7 +2078,8 @@ a.box:active { } .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + -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); } .button.is-success:active, .button.is-success.is-active { @@ -1982,7 +2091,8 @@ a.box:active { .button.is-success[disabled] { background-color: #23d160; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-success.is-inverted { @@ -1997,7 +2107,8 @@ a.box:active { .button.is-success.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2024,7 +2135,8 @@ a.box:active { .button.is-success.is-outlined[disabled] { background-color: transparent; border-color: #23d160; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2042,7 +2154,8 @@ a.box:active { .button.is-success.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -2064,7 +2177,8 @@ a.box:active { } .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + -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); } .button.is-warning:active, .button.is-warning.is-active { @@ -2076,7 +2190,8 @@ a.box:active { .button.is-warning[disabled] { background-color: #ffdd57; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-warning.is-inverted { @@ -2091,7 +2206,8 @@ a.box:active { .button.is-warning.is-inverted[disabled] { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2118,7 +2234,8 @@ a.box:active { .button.is-warning.is-outlined[disabled] { background-color: transparent; border-color: #ffdd57; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2136,7 +2253,8 @@ a.box:active { .button.is-warning.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: rgba(0, 0, 0, 0.7); } @@ -2158,7 +2276,8 @@ a.box:active { } .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + -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); } .button.is-danger:active, .button.is-danger.is-active { @@ -2170,7 +2289,8 @@ a.box:active { .button.is-danger[disabled] { background-color: #ff3860; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-danger.is-inverted { @@ -2185,7 +2305,8 @@ a.box:active { .button.is-danger.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2212,7 +2333,8 @@ a.box:active { .button.is-danger.is-outlined[disabled] { background-color: transparent; border-color: #ff3860; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2230,7 +2352,8 @@ a.box:active { .button.is-danger.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -2250,11 +2373,14 @@ a.box:active { .button[disabled] { background-color: white; border-color: #dbdbdb; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; opacity: 0.5; } .button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; display: flex; width: 100%; } @@ -2265,7 +2391,8 @@ a.box:active { } .button.is-loading:after { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -2285,7 +2412,8 @@ a.box:active { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; pointer-events: none; } @@ -2526,14 +2654,21 @@ a.box:active { .textarea { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -2544,7 +2679,8 @@ a.box:active { background-color: white; border-color: #dbdbdb; color: #363636; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); max-width: 100%; width: 100%; } @@ -2594,14 +2730,16 @@ a.box:active { .textarea:active, .textarea.is-active { border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -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); } .input[disabled], .textarea[disabled] { background-color: whitesmoke; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -2632,7 +2770,8 @@ a.box:active { .input[readonly], .textarea[readonly] { - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .input.is-white, @@ -2645,7 +2784,8 @@ a.box:active { .textarea.is-white.is-focused, .textarea.is-white:active, .textarea.is-white.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .input.is-black, @@ -2658,7 +2798,8 @@ a.box:active { .textarea.is-black.is-focused, .textarea.is-black:active, .textarea.is-black.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .input.is-light, @@ -2671,7 +2812,8 @@ a.box:active { .textarea.is-light.is-focused, .textarea.is-light:active, .textarea.is-light.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .input.is-dark, @@ -2684,7 +2826,8 @@ a.box:active { .textarea.is-dark.is-focused, .textarea.is-dark:active, .textarea.is-dark.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .input.is-primary, @@ -2697,7 +2840,8 @@ a.box:active { .textarea.is-primary.is-focused, .textarea.is-primary:active, .textarea.is-primary.is-active { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + -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); } .input.is-link, @@ -2710,7 +2854,8 @@ a.box:active { .textarea.is-link.is-focused, .textarea.is-link:active, .textarea.is-link.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -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); } .input.is-info, @@ -2723,7 +2868,8 @@ a.box:active { .textarea.is-info.is-focused, .textarea.is-info:active, .textarea.is-info.is-active { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .input.is-success, @@ -2736,7 +2882,8 @@ a.box:active { .textarea.is-success.is-focused, .textarea.is-success:active, .textarea.is-success.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .input.is-warning, @@ -2749,7 +2896,8 @@ a.box:active { .textarea.is-warning.is-focused, .textarea.is-warning:active, .textarea.is-warning.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .input.is-danger, @@ -2762,7 +2910,8 @@ a.box:active { .textarea.is-danger.is-focused, .textarea.is-danger:active, .textarea.is-danger.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + -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); } .input.is-small, @@ -2796,7 +2945,8 @@ a.box:active { .input.is-static { background-color: transparent; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; padding-left: 0; padding-right: 0; } @@ -2870,7 +3020,8 @@ a.box:active { height: 0.5em; pointer-events: none; position: absolute; - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); width: 0.5em; margin-top: -0.375em; right: 1.125em; @@ -2881,14 +3032,21 @@ a.box:active { .select select { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -2936,13 +3094,15 @@ a.box:active { .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -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); } .select select[disabled] { background-color: whitesmoke; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -2992,7 +3152,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black select { @@ -3000,7 +3161,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .select.is-light select { @@ -3008,7 +3170,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .select.is-dark select { @@ -3016,7 +3179,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .select.is-primary select { @@ -3024,7 +3188,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + -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); } .select.is-link select { @@ -3032,7 +3197,8 @@ a.box:active { } .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -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); } .select.is-info select { @@ -3040,7 +3206,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .select.is-success select { @@ -3048,7 +3215,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .select.is-warning select { @@ -3056,7 +3224,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .select.is-danger select { @@ -3064,7 +3233,8 @@ 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 { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + -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); } .select.is-small { @@ -3093,7 +3263,8 @@ a.box:active { } .select.is-loading::after { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -3107,7 +3278,8 @@ a.box:active { position: absolute; right: 0.625em; top: 0.625em; - transform: none; + -webkit-transform: none; + transform: none; } .select.is-loading.is-small:after { @@ -3128,9 +3300,15 @@ a.box:active { -moz-user-select: none; -ms-user-select: none; user-select: none; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; position: relative; } @@ -3148,7 +3326,8 @@ a.box:active { .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #0a0a0a; } @@ -3172,7 +3351,8 @@ a.box:active { .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); color: white; } @@ -3196,7 +3376,8 @@ a.box:active { .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: #363636; } @@ -3220,7 +3401,8 @@ a.box:active { .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); color: whitesmoke; } @@ -3244,7 +3426,8 @@ a.box:active { .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + -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); color: #fff; } @@ -3268,7 +3451,8 @@ a.box:active { .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + -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); color: #fff; } @@ -3292,7 +3476,8 @@ a.box:active { .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); color: #fff; } @@ -3316,7 +3501,8 @@ a.box:active { .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); color: #fff; } @@ -3340,7 +3526,8 @@ a.box:active { .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(0, 0, 0, 0.7); } @@ -3364,7 +3551,8 @@ a.box:active { .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + -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); color: #fff; } @@ -3405,19 +3593,29 @@ a.box:active { } .file.is-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .file.is-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .file.is-boxed .file-label { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } .file.is-boxed .file-cta { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; height: auto; padding: 1em 3em; } @@ -3463,7 +3661,9 @@ a.box:active { .file.is-right .file-name { border-radius: 3px 0 0 3px; border-width: 1px 0 1px 1px; - order: -1; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } .file.is-fullwidth .file-label { @@ -3471,15 +3671,23 @@ a.box:active { } .file.is-fullwidth .file-name { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; max-width: none; } .file-label { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; cursor: pointer; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; overflow: hidden; position: relative; } @@ -3515,14 +3723,21 @@ a.box:active { .file-name { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -3568,10 +3783,16 @@ a.box:active { } .file-icon { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; height: 1em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-right: 0.5em; width: 1em; } @@ -3654,8 +3875,12 @@ a.box:active { } .field.has-addons { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .field.has-addons .control:not(:last-child) { @@ -3715,29 +3940,43 @@ a.box:active { } .field.has-addons .control.is-expanded { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .field.has-addons.has-addons-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .field.has-addons.has-addons-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .field.is-grouped > .control { - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { @@ -3746,20 +3985,28 @@ a.box:active { } .field.is-grouped > .control.is-expanded { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .field.is-grouped.is-grouped-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .field.is-grouped.is-grouped-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { @@ -3776,6 +4023,8 @@ a.box:active { @media screen and (min-width: 769px), print { .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } @@ -3792,9 +4041,13 @@ a.box:active { @media screen and (min-width: 769px), print { .field-label { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; margin-right: 1.5rem; text-align: right; } @@ -3821,19 +4074,28 @@ a.box:active { @media screen and (min-width: 769px), print { .field-body { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: 0; - flex-grow: 5; - flex-shrink: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { - flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .field-body > .field:not(.is-narrow) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; @@ -3941,7 +4203,8 @@ a.box:active { } .control.is-loading::after { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -3969,9 +4232,15 @@ a.box:active { } .icon { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; height: 1.5rem; width: 1.5rem; } @@ -4438,10 +4707,17 @@ a.box:active { } .tags { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .tags .tag { @@ -4475,14 +4751,20 @@ a.box:active { } .tag:not(body) { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: 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; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; @@ -4566,8 +4848,10 @@ a.box:active { left: 50%; position: absolute; top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; } .tag:not(body).is-delete:before { @@ -4727,8 +5011,11 @@ a.tag:hover { border-radius: 290486px; cursor: pointer; display: inline-block; - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; font-size: 1rem; height: 20px; max-height: 20px; @@ -4748,8 +5035,10 @@ a.tag:hover { left: 50%; position: absolute; top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; } .delete:before { @@ -4822,7 +5111,8 @@ a.tag:hover { } .loader { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -4835,13 +5125,19 @@ a.tag:hover { } .number { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: 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; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; @@ -4855,7 +5151,11 @@ a.tag:hover { -moz-user-select: none; -ms-user-select: none; user-select: none; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 1rem; overflow: hidden; @@ -4868,10 +5168,16 @@ a.tag:hover { } .breadcrumb a { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #3273dc; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 0.5em 0.75em; } @@ -4880,7 +5186,11 @@ a.tag:hover { } .breadcrumb li { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -4900,11 +5210,20 @@ a.tag:hover { } .breadcrumb ul, .breadcrumb ol { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; + -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; } .breadcrumb .icon:first-child { @@ -4916,11 +5235,15 @@ a.tag:hover { } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .breadcrumb.is-small { @@ -4953,36 +5276,56 @@ a.tag:hover { .card { background-color: white; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; max-width: 100%; position: relative; } .card-header { - align-items: stretch; - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + -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; display: flex; } .card-header-title { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #363636; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .card-header-icon { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 0.75rem; } @@ -4997,17 +5340,31 @@ a.tag:hover { .card-footer { border-top: 1px solid #dbdbdb; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .card-footer-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: center; + -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; padding: 0.75rem; } @@ -5020,6 +5377,8 @@ a.tag:hover { } .dropdown { + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: top; @@ -5054,7 +5413,8 @@ a.tag:hover { .dropdown-content { background-color: white; border-radius: 3px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); padding-bottom: 0.5rem; padding-top: 0.5rem; } @@ -5092,8 +5452,12 @@ a.dropdown-item.is-active { } .level { - align-items: center; - justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .level:not(:last-child) { @@ -5110,11 +5474,15 @@ 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; } @@ -5131,25 +5499,41 @@ a.dropdown-item.is-active { } .level.is-mobile .level-item:not(.is-narrow) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 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) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } } .level-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - justify-content: center; + -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; } .level-item .title, @@ -5165,14 +5549,20 @@ a.dropdown-item.is-active { .level-left, .level-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; + -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; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { @@ -5183,8 +5573,12 @@ a.dropdown-item.is-active { } .level-left { - align-items: center; - justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } @media screen and (max-width: 768px) { @@ -5195,23 +5589,35 @@ a.dropdown-item.is-active { @media screen and (min-width: 769px), print { .level-left { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } .level-right { - align-items: center; - justify-content: flex-end; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } .media { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; display: flex; text-align: left; } @@ -5222,6 +5628,8 @@ 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; } @@ -5252,9 +5660,13 @@ a.dropdown-item.is-active { .media-left, .media-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; + -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; } .media-left { @@ -5266,9 +5678,13 @@ a.dropdown-item.is-active { } .media-content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; + -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; text-align: left; } @@ -5502,20 +5918,29 @@ a.dropdown-item.is-active { } .message-header { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; line-height: 1.25; padding: 0.5em 0.75em; position: relative; } .message-header .delete { - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; margin-left: 0.75em; } @@ -5547,15 +5972,21 @@ a.dropdown-item.is-active { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; display: none; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; overflow: hidden; position: fixed; z-index: 20; } .modal.is-active { + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -5599,8 +6030,11 @@ a.dropdown-item.is-active { border-radius: 290486px; cursor: pointer; display: inline-block; - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; font-size: 1rem; height: 20px; max-height: 20px; @@ -5626,8 +6060,10 @@ a.dropdown-item.is-active { left: 50%; position: absolute; top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; } .modal-close:before { @@ -5676,19 +6112,31 @@ a.dropdown-item.is-active { } .modal-card { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-shrink: 0; - justify-content: flex-start; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 20px; position: relative; } @@ -5701,8 +6149,11 @@ a.dropdown-item.is-active { .modal-card-title { color: #363636; - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; font-size: 1.5rem; line-height: 1; } @@ -5720,8 +6171,11 @@ a.dropdown-item.is-active { .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -6263,21 +6717,31 @@ a.dropdown-item.is-active { } .navbar > .container { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + -webkit-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 { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; min-height: 3.25rem; } @@ -6305,8 +6769,12 @@ 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; } @@ -6328,8 +6796,10 @@ a.dropdown-item.is-active { .navbar-burger.is-active span:nth-child(1) { margin-left: -5px; - transform: rotate(45deg); - transform-origin: left top; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; } .navbar-burger.is-active span:nth-child(2) { @@ -6338,8 +6808,10 @@ a.dropdown-item.is-active { .navbar-burger.is-active span:nth-child(3) { margin-left: -5px; - transform: rotate(-45deg); - transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; } .navbar-menu { @@ -6363,8 +6835,11 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-item { - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .navbar-item img { @@ -6396,8 +6871,11 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-content { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .navbar-link { @@ -6429,12 +6907,17 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .navbar-menu { background-color: white; - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + -webkit-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 { @@ -6447,7 +6930,11 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar-menu, .navbar-start, .navbar-end { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .navbar { @@ -6474,11 +6961,17 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-item, .navbar-link { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .navbar-item.has-dropdown { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; @@ -6486,7 +6979,8 @@ 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; - transform: translateY(0); + -webkit-transform: translateY(0); + transform: translateY(0); } .navbar-link::after { border: 1px solid #3273dc; @@ -6497,22 +6991,30 @@ a.navbar-item:hover, a.navbar-item.is-active, height: 0.5em; pointer-events: none; position: absolute; - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); width: 0.5em; margin-top: -0.375em; right: 1.125em; top: 50%; } .navbar-menu { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .navbar-start { - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; margin-right: auto; } .navbar-end { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; margin-left: auto; } .navbar-dropdown { @@ -6520,7 +7022,8 @@ a.navbar-item:hover, a.navbar-item.is-active, border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #dbdbdb; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; @@ -6547,14 +7050,20 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar-dropdown.is-boxed { border-radius: 5px; border-top: none; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -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); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); - transform: translateY(-5px); - transition-duration: 86ms; + -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; transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; } .navbar-dropdown.is-right { left: auto; @@ -6601,9 +7110,15 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination, .pagination-list { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; text-align: center; } @@ -6613,14 +7128,21 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -6636,7 +7158,9 @@ a.navbar-item:hover, a.navbar-item.is-active, font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin: 0.25rem; text-align: center; } @@ -6687,7 +7211,8 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-previous:active, .pagination-next:active, .pagination-link:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + -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); } .pagination-previous[disabled], @@ -6695,7 +7220,8 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #7a7a7a; opacity: 0.5; } @@ -6719,59 +7245,96 @@ a.navbar-item:hover, a.navbar-item.is-active, } .pagination-list { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 768px) { .pagination { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .pagination-previous, .pagination-next { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .pagination-list li { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { - flex-grow: 1; - flex-shrink: 1; - justify-content: flex-start; - order: 1; + -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; } .pagination-previous { - order: 2; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } .pagination-next { - order: 3; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } .pagination { - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .pagination.is-centered .pagination-previous { - order: 1; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } .pagination.is-centered .pagination-list { - justify-content: center; - order: 2; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } .pagination.is-centered .pagination-next { - order: 3; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } .pagination.is-right .pagination-previous { - order: 1; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } .pagination.is-right .pagination-next { - order: 2; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } .pagination.is-right .pagination-list { - justify-content: flex-end; - order: 3; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } } @@ -6808,10 +7371,16 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-tabs { - align-items: flex-end; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 0.875em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .panel-tabs a { @@ -6834,10 +7403,16 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-block { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #363636; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 0.5em 0.75em; } @@ -6846,13 +7421,17 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-block > .control { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .panel-block.is-active { @@ -6898,10 +7477,16 @@ label.panel-block:hover { -moz-user-select: none; -ms-user-select: none; user-select: none; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 1rem; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; @@ -6912,13 +7497,19 @@ label.panel-block:hover { } .tabs a { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: 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; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; @@ -6939,14 +7530,23 @@ label.panel-block:hover { } .tabs ul { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; + -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; } .tabs ul.is-left { @@ -6954,14 +7554,20 @@ label.panel-block:hover { } .tabs ul.is-center { - flex: none; - justify-content: center; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; padding-left: 0.75em; } @@ -6974,11 +7580,15 @@ label.panel-block:hover { } .tabs.is-centered ul { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .tabs.is-right ul { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .tabs.is-boxed a { @@ -6998,8 +7608,11 @@ label.panel-block:hover { } .tabs.is-fullwidth li { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .tabs.is-toggle a { @@ -7053,43 +7666,61 @@ label.panel-block:hover { .column { display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; + -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; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .columns.is-mobile > .column.is-full { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } @@ -7114,7 +7745,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-1 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } @@ -7123,7 +7756,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-2 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } @@ -7132,7 +7767,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-3 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } @@ -7141,7 +7778,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-4 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } @@ -7150,7 +7789,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-5 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } @@ -7159,7 +7800,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-6 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } @@ -7168,7 +7811,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-7 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } @@ -7177,7 +7822,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-8 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } @@ -7186,7 +7833,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-9 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } @@ -7195,7 +7844,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-10 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } @@ -7204,7 +7855,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-11 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } @@ -7213,7 +7866,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-12 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } @@ -7223,30 +7878,44 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .column.is-narrow-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-mobile { @@ -7265,84 +7934,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-mobile { @@ -7352,30 +8045,44 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full, .column.is-full-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { @@ -7394,84 +8101,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1, .column.is-1-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-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 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { @@ -7481,30 +8212,44 @@ label.panel-block:hover { @media screen and (max-width: 1023px) { .column.is-narrow-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-touch { @@ -7523,84 +8268,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-touch { margin-left: 8.33333%; } .column.is-2-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-touch { margin-left: 16.66667%; } .column.is-3-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-touch { margin-left: 33.33333%; } .column.is-5-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-touch { margin-left: 41.66667%; } .column.is-6-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-touch { margin-left: 58.33333%; } .column.is-8-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-touch { margin-left: 66.66667%; } .column.is-9-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-touch { margin-left: 83.33333%; } .column.is-11-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-touch { margin-left: 91.66667%; } .column.is-12-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-touch { @@ -7610,30 +8379,44 @@ label.panel-block:hover { @media screen and (min-width: 1024px) { .column.is-narrow-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-desktop { @@ -7652,84 +8435,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-desktop { @@ -7739,30 +8546,44 @@ label.panel-block:hover { @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-widescreen { @@ -7781,84 +8602,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-widescreen { @@ -7868,30 +8713,44 @@ label.panel-block:hover { @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-fullhd { @@ -7910,84 +8769,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-fullhd { margin-left: 8.33333%; } .column.is-2-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-fullhd { margin-left: 16.66667%; } .column.is-3-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-fullhd { margin-left: 33.33333%; } .column.is-5-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-fullhd { margin-left: 41.66667%; } .column.is-6-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-fullhd { margin-left: 58.33333%; } .column.is-8-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-fullhd { margin-left: 66.66667%; } .column.is-9-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-fullhd { margin-left: 83.33333%; } .column.is-11-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-fullhd { margin-left: 91.66667%; } .column.is-12-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-fullhd { @@ -8010,7 +8893,9 @@ label.panel-block:hover { } .columns.is-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .columns.is-gapless { @@ -8033,25 +8918,34 @@ label.panel-block:hover { } .columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .columns.is-multiline { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-vcentered { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: 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; } } @@ -8104,11 +8998,19 @@ label.panel-block:hover { } .tile { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; + -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; min-height: min-content; } @@ -8135,7 +9037,10 @@ label.panel-block:hover { } .tile.is-vertical { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { @@ -8144,63 +9049,98 @@ 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 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .tile.is-2 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .tile.is-3 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .tile.is-4 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .tile.is-5 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .tile.is-6 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .tile.is-7 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .tile.is-8 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .tile.is-9 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .tile.is-10 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .tile.is-11 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .tile.is-12 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } } .hero { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; - justify-content: space-between; + -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; } .hero .navbar { @@ -9011,13 +9951,20 @@ label.panel-block:hover { } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .hero.is-halfheight { @@ -9043,7 +9990,8 @@ label.panel-block:hover { min-width: 100%; position: absolute; top: 50%; - transform: translate3d(-50%, -50%, 0); + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { @@ -9062,6 +10010,8 @@ 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) { @@ -9071,8 +10021,12 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; @@ -9081,13 +10035,19 @@ label.panel-block:hover { .hero-head, .hero-foot { - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .hero-body { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; padding: 3rem 1.5rem; } @@ -9366,9 +10326,15 @@ svg { } #carboncontainer { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-left: auto; margin-right: auto; max-width: 340px; @@ -9376,13 +10342,16 @@ svg { } #carbon { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; padding: 0; position: relative; } #carbon:hover { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + -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; } @media screen and (min-width: 769px), print { @@ -9468,15 +10437,20 @@ svg { .intro-ghbtns { height: 30px; + margin-bottom: 24px; } .intro-npm { background: #242424; border-radius: 5px; color: white; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 15px; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; line-height: 20px; padding: 15px 25px; position: relative; @@ -9550,23 +10524,41 @@ svg { opacity: 1; } -@keyframes introSpinner { +@-webkit-keyframes introSpinner { from { opacity: 0; - transform: scale(1.14); + -webkit-transform: scale(1.14); + transform: scale(1.14); } to { opacity: 1; - transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes introSpinner { + from { + opacity: 0; + -webkit-transform: scale(1.14); + transform: scale(1.14); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } } .intro-spinner, .intro-shadow { - animation-duration: 1000ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; animation-easing-function: ease-out; - animation-fill-mode: both; - transform-origin: center; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-transform-origin: center; + transform-origin: center; } .intro-spinner { @@ -9575,11 +10567,13 @@ svg { position: absolute; right: 0; top: 0; - animation-name: introSpinner; + -webkit-animation-name: introSpinner; + animation-name: introSpinner; } .intro-spinner::before { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -9598,14 +10592,29 @@ svg { width: 1.5em; } -@keyframes introShadow { +@-webkit-keyframes introShadow { from { opacity: 0; - transform: scale(0.86); + -webkit-transform: scale(0.86); + transform: scale(0.86); } to { opacity: 1; - transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes introShadow { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } } @@ -9615,20 +10624,23 @@ svg { position: absolute; right: 0; top: 0; - background-color: #43647b; - background-image: url("/images/index/vimeo-placeholder.jpg"); + background-color: #776e70; background-position: center center; background-repeat: no-repeat; background-size: cover; - box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); - animation-name: introShadow; + -webkit-box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); + box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); + -webkit-animation-name: introShadow; + animation-name: introShadow; } .intro-iframe { opacity: 0; padding-top: 52.8125%; position: relative; - transition-duration: 500ms; + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + -webkit-transition-property: opacity; transition-property: opacity; } @@ -9640,8 +10652,35 @@ svg { width: 100%; } +.intro-author { + color: #7a7a7a; + font-size: 0.75rem; + margin-top: 1rem; + text-align: center; +} + +.intro-author a { + color: #363636; +} + +.intro-author a:hover { + text-decoration: underline; +} + +.intro-author span { + opacity: 0.5; + -webkit-transition: 100ms opacity; + transition: 100ms opacity; +} + +.intro-author span:hover { + opacity: 1; +} + @media screen and (max-width: 768px) { .intro-buttons .button { + display: -webkit-box; + display: -ms-flexbox; display: flex; width: 100%; } @@ -9655,9 +10694,15 @@ svg { font-size: 2.25rem; } .intro-buttons { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } } @@ -9670,8 +10715,12 @@ svg { @media screen and (min-width: 1024px) { .intro-columns { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .intro-column { width: calc(50% - 1.5rem); @@ -9750,7 +10799,9 @@ svg { padding-right: 1rem; } #moreDropdown .navbar-item .level { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } } @@ -9780,10 +10831,17 @@ svg { } #social { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } #social > iframe, @@ -9811,22 +10869,32 @@ svg { } #social .fb-like { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; width: 130px; } #newsletter .input { border-color: white; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } #sister ul { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } #sister li { + display: -webkit-box; + display: -ms-flexbox; display: flex; height: 30px; margin: 5px 1rem 0 0; @@ -9858,7 +10926,8 @@ svg { .bd-color { border-radius: 2px; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + -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); display: inline-block; float: left; height: 24px; @@ -9987,15 +11056,18 @@ svg { } .bd-article-image:hover .bd-article-icon { - transform: scale(1.4); + -webkit-transform: scale(1.4); + transform: scale(1.4); } .bd-article-image:hover .bd-article-date { - transform: scale(0.9); + -webkit-transform: scale(0.9); + transform: scale(0.9); } .bd-article-image:hover .bd-article-title { - transform: scale(1.1); + -webkit-transform: scale(1.1); + transform: scale(1.1); } .bd-article-image.is-single { @@ -10011,9 +11083,12 @@ svg { top: 0; background-color: #0a0a0a; opacity: 0; - transition-duration: 86ms; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity; transition-property: opacity; - transition-timing-function: ease-out; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon, @@ -10023,17 +11098,28 @@ svg { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-article-icon, .bd-article-date, .bd-article-title { - transition-duration: 86ms; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; transition-property: transform; - transition-timing-function: ease-out; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon { @@ -10228,7 +11314,11 @@ svg { .bd-snippet::before { content: "Snippet"; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -10250,6 +11340,8 @@ svg { } .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show { + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -10268,11 +11360,17 @@ svg { @media screen and (min-width: 1024px) { .bd-snippet.bd-is-vertical { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; border-radius: 5px; border-top-left-radius: 0; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-snippet.bd-is-vertical .bd-snippet-preview, .bd-snippet.bd-is-vertical .bd-snippet-code { @@ -10281,15 +11379,24 @@ svg { .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 { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; border-radius: 0 5px 5px 0; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-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 { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre { white-space: pre; @@ -10304,7 +11411,8 @@ svg { .highlight.bd-is-hovering { border-radius: 2px; - box-shadow: 0 0 0 2px #ffdd57; + -webkit-box-shadow: 0 0 0 2px #ffdd57; + box-shadow: 0 0 0 2px #ffdd57; } .highlight pre { @@ -10358,12 +11466,18 @@ svg { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; content: attr(title); + display: -webkit-box; + display: -ms-flexbox; display: flex; font-family: monospace; font-size: 11px; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 3px 5px; z-index: 2; } @@ -10373,8 +11487,12 @@ svg { } .bd-structure-item.bd-is-structure-container:after { - align-items: flex-start; - justify-content: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 0.5rem 0.75rem; } @@ -10406,7 +11524,8 @@ svg { .highlight .bd-copy:focus, .highlight .bd-copy:active, .highlight .bd-expand:focus, .highlight .bd-expand:active { - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .highlight .bd-expand { @@ -10419,14 +11538,18 @@ svg { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: rgba(245, 245, 245, 0.7); border: none; color: rgba(0, 0, 0, 0.5); cursor: pointer; display: none; font-size: 0.75rem; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; width: 100%; } @@ -10564,7 +11687,8 @@ svg { #_default_ > a { background-color: white; border-radius: 5px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; line-height: 1.375; @@ -10576,11 +11700,13 @@ svg { } #_default_ > a:hover, #_default_ > a:focus { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } #_default_ > a:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } #_default_ > a span { @@ -10621,8 +11747,12 @@ svg { min-height: 120px; } #_default_ { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; position: relative; } #_default_ .default-ad { @@ -10692,8 +11822,11 @@ 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; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; overflow: auto; padding: 20px; } @@ -10703,21 +11836,32 @@ html.route-index .hero.is-primary a.column:hover .title strong { border: 1px solid #e1e8ed; border-radius: 5px; color: #697882; - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; font-size: 16px; padding: 20px; } .bd-tw-header { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .bd-tw-author { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #1c2022; + display: -webkit-box; + display: -ms-flexbox; display: flex; line-height: 1.2; } @@ -10727,7 +11871,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-tw-avatar { - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; height: 36px; margin-right: 9px; width: 36px; @@ -10786,7 +11931,11 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .Tweet-actions { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; margin-top: 8.4px; } @@ -10796,7 +11945,11 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .TweetAction { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; height: 24px; min-width: 24px; @@ -10876,8 +12029,11 @@ 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; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; margin: -0.75rem; } .bd-tws-love .bd-tw { @@ -10948,9 +12104,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-website-image { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-bottom: 1.5rem; position: relative; } @@ -10965,6 +12127,7 @@ 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; } @@ -10974,12 +12137,14 @@ 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; } @@ -10995,9 +12160,14 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding-top: 3rem; } .bd-websites { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .bd-website { margin-top: 3rem; @@ -11023,9 +12193,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-testimonial { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-testimonial-tweet { @@ -11033,9 +12209,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-top: 1.5rem; text-align: center; } @@ -11046,12 +12228,17 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves .button span { - transform-origin: center center; + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transition: -webkit-transform 86ms ease-out; + transition: -webkit-transform 86ms ease-out; transition: transform 86ms ease-out; + transition: transform 86ms ease-out, -webkit-transform 86ms ease-out; } .bd-more-loves .button:hover span { - transform: scale(1.04); + -webkit-transform: scale(1.04); + transform: scale(1.04); } @media screen and (max-width: 768px) { @@ -11091,7 +12278,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-rainbow { - animation: rainbow 8s ease infinite; + -webkit-animation: rainbow 8s ease infinite; + animation: rainbow 8s ease infinite; background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc); background-size: 800% 800%; } @@ -11101,6 +12289,18 @@ 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%; @@ -11114,9 +12314,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-hug { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } @media screen and (max-width: 768px) { @@ -11145,9 +12351,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding: 3rem 1.5rem; } .bd-embrace { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-embrace:not(:first-child) { margin-top: 3rem; @@ -11159,8 +12371,11 @@ 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; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; padding-bottom: 3rem; } .bd-hug { @@ -11311,10 +12526,17 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-klmn-gaps { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; margin-bottom: 1.25rem; } @@ -11344,3 +12566,5 @@ 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/images/index/vimeo-placeholder-bis.jpg b/docs/images/index/vimeo-placeholder-bis.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3ad336ec6820a6e07811027ce04fdd3f0a9bd286 GIT binary patch literal 5719 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 B0UZDU literal 4976 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 diff --git a/docs/lib/index.js b/docs/lib/index.js index 2df84a6c..9546d5d0 100644 --- a/docs/lib/index.js +++ b/docs/lib/index.js @@ -4,11 +4,13 @@ document.addEventListener('DOMContentLoaded', function () { // Intro - var introVimeo = document.getElementById('introVimeo'); + var introVideo = document.getElementById('introVideo'); + var introIframe = document.getElementById('introIframe'); + var introPlayer = new Vimeo.Player(introIframe); var npmClipboard = new Clipboard('#npmCopy'); - introVimeo.addEventListener('load', function () { - introVimeo.parentNode.parentNode.classList.add('has-loaded'); + introPlayer.ready().then(function () { + introVideo.classList.add('has-loaded'); }); npmClipboard.on('success', function (e) {