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.
-
@@ -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 00000000..3ad336ec
Binary files /dev/null and b/docs/images/index/vimeo-placeholder-bis.jpg differ
diff --git a/docs/images/index/vimeo-placeholder.jpg b/docs/images/index/vimeo-placeholder.jpg
index badc7434..1e7e1a7d 100644
Binary files a/docs/images/index/vimeo-placeholder.jpg and b/docs/images/index/vimeo-placeholder.jpg differ
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) {