diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 57b1278b..8f0cc471 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -1,22 +1,10 @@ /*! bulma.io v0.4.0 | MIT License | github.com/jgthms/bulma */ -@-webkit-keyframes spinAround { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} @keyframes spinAround { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(359deg); } } @@ -152,7 +140,6 @@ a { color: #00d1b2; cursor: pointer; text-decoration: none; - -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; } @@ -277,63 +264,47 @@ table th { } .is-flex { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @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: 999px) { .is-flex-tablet-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 999px) { .is-flex-touch { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1000px) { .is-flex-desktop { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1000px) and (max-width: 1191px) { .is-flex-desktop-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1192px) { .is-flex-widescreen { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @@ -431,63 +402,47 @@ table th { } .is-inline-flex { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; } @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: 999px) { .is-inline-flex-tablet-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 999px) { .is-inline-flex-touch { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1000px) { .is-inline-flex-desktop { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1000px) and (max-width: 1191px) { .is-inline-flex-desktop-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1192px) { .is-inline-flex-widescreen { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @@ -648,10 +603,6 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -.is-disabled { - pointer-events: none; -} - .is-marginless { margin: 0 !important; } @@ -691,20 +642,14 @@ a.box:active { .button { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: none; border-radius: 3px; box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: 0.375em; padding-left: 0.625em; @@ -721,9 +666,7 @@ a.box:active { border: 1px solid #dbdbdb; color: #363636; cursor: pointer; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; text-align: center; @@ -734,8 +677,8 @@ a.box:active { outline: none; } -.button[disabled], .button.is-disabled { - pointer-events: none; +.button[disabled] { + cursor: not-allowed; } .button strong { @@ -791,6 +734,12 @@ a.box:active { color: #363636; } +.button.is-link[disabled] { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} + .button.is-white { background-color: white; border-color: transparent; @@ -816,6 +765,12 @@ a.box:active { color: #0a0a0a; } +.button.is-white[disabled] { + background-color: white; + border-color: transparent; + box-shadow: none; +} + .button.is-white.is-inverted { background-color: #0a0a0a; color: white; @@ -825,6 +780,13 @@ a.box:active { background-color: black; } +.button.is-white.is-inverted[disabled] { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: white; +} + .button.is-white.is-loading:after { border-color: transparent transparent #0a0a0a #0a0a0a !important; } @@ -845,6 +807,13 @@ a.box:active { border-color: transparent transparent white white !important; } +.button.is-white.is-outlined[disabled] { + background-color: transparent; + border-color: white; + box-shadow: none; + color: white; +} + .button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #0a0a0a; @@ -856,6 +825,13 @@ a.box:active { color: white; } +.button.is-white.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a; +} + .button.is-black { background-color: #0a0a0a; border-color: transparent; @@ -881,6 +857,12 @@ a.box:active { color: white; } +.button.is-black[disabled] { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; +} + .button.is-black.is-inverted { background-color: white; color: #0a0a0a; @@ -890,6 +872,13 @@ a.box:active { background-color: #f2f2f2; } +.button.is-black.is-inverted[disabled] { + background-color: white; + border-color: transparent; + box-shadow: none; + color: #0a0a0a; +} + .button.is-black.is-loading:after { border-color: transparent transparent white white !important; } @@ -910,6 +899,13 @@ a.box:active { border-color: transparent transparent #0a0a0a #0a0a0a !important; } +.button.is-black.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a; +} + .button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: white; @@ -921,6 +917,13 @@ a.box:active { color: #0a0a0a; } +.button.is-black.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: white; + box-shadow: none; + color: white; +} + .button.is-light { background-color: whitesmoke; border-color: transparent; @@ -946,6 +949,12 @@ a.box:active { color: #363636; } +.button.is-light[disabled] { + background-color: whitesmoke; + border-color: transparent; + box-shadow: none; +} + .button.is-light.is-inverted { background-color: #363636; color: whitesmoke; @@ -955,6 +964,13 @@ a.box:active { background-color: #292929; } +.button.is-light.is-inverted[disabled] { + background-color: #363636; + border-color: transparent; + box-shadow: none; + color: whitesmoke; +} + .button.is-light.is-loading:after { border-color: transparent transparent #363636 #363636 !important; } @@ -975,6 +991,13 @@ a.box:active { border-color: transparent transparent whitesmoke whitesmoke !important; } +.button.is-light.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + box-shadow: none; + color: whitesmoke; +} + .button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: #363636; @@ -986,6 +1009,13 @@ a.box:active { color: whitesmoke; } +.button.is-light.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} + .button.is-dark { background-color: #363636; border-color: transparent; @@ -1011,6 +1041,12 @@ a.box:active { color: whitesmoke; } +.button.is-dark[disabled] { + background-color: #363636; + border-color: transparent; + box-shadow: none; +} + .button.is-dark.is-inverted { background-color: whitesmoke; color: #363636; @@ -1020,6 +1056,13 @@ a.box:active { background-color: #e8e8e8; } +.button.is-dark.is-inverted[disabled] { + background-color: whitesmoke; + border-color: transparent; + box-shadow: none; + color: #363636; +} + .button.is-dark.is-loading:after { border-color: transparent transparent whitesmoke whitesmoke !important; } @@ -1040,6 +1083,13 @@ a.box:active { border-color: transparent transparent #363636 #363636 !important; } +.button.is-dark.is-outlined[disabled] { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} + .button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: whitesmoke; @@ -1051,6 +1101,13 @@ a.box:active { color: #363636; } +.button.is-dark.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: whitesmoke; + box-shadow: none; + color: whitesmoke; +} + .button.is-primary { background-color: #00d1b2; border-color: transparent; @@ -1076,6 +1133,12 @@ a.box:active { color: #fff; } +.button.is-primary[disabled] { + background-color: #00d1b2; + border-color: transparent; + box-shadow: none; +} + .button.is-primary.is-inverted { background-color: #fff; color: #00d1b2; @@ -1085,6 +1148,13 @@ a.box:active { background-color: #f2f2f2; } +.button.is-primary.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #00d1b2; +} + .button.is-primary.is-loading:after { border-color: transparent transparent #fff #fff !important; } @@ -1105,6 +1175,13 @@ a.box:active { border-color: transparent transparent #00d1b2 #00d1b2 !important; } +.button.is-primary.is-outlined[disabled] { + background-color: transparent; + border-color: #00d1b2; + box-shadow: none; + color: #00d1b2; +} + .button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; @@ -1116,6 +1193,13 @@ a.box:active { color: #00d1b2; } +.button.is-primary.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} + .button.is-info { background-color: #3273dc; border-color: transparent; @@ -1141,6 +1225,12 @@ a.box:active { color: #fff; } +.button.is-info[disabled] { + background-color: #3273dc; + border-color: transparent; + box-shadow: none; +} + .button.is-info.is-inverted { background-color: #fff; color: #3273dc; @@ -1150,6 +1240,13 @@ a.box:active { background-color: #f2f2f2; } +.button.is-info.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc; +} + .button.is-info.is-loading:after { border-color: transparent transparent #fff #fff !important; } @@ -1170,6 +1267,13 @@ a.box:active { border-color: transparent transparent #3273dc #3273dc !important; } +.button.is-info.is-outlined[disabled] { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc; +} + .button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; @@ -1181,6 +1285,13 @@ a.box:active { color: #3273dc; } +.button.is-info.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} + .button.is-success { background-color: #23d160; border-color: transparent; @@ -1206,6 +1317,12 @@ a.box:active { color: #fff; } +.button.is-success[disabled] { + background-color: #23d160; + border-color: transparent; + box-shadow: none; +} + .button.is-success.is-inverted { background-color: #fff; color: #23d160; @@ -1215,6 +1332,13 @@ a.box:active { background-color: #f2f2f2; } +.button.is-success.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #23d160; +} + .button.is-success.is-loading:after { border-color: transparent transparent #fff #fff !important; } @@ -1235,6 +1359,13 @@ a.box:active { border-color: transparent transparent #23d160 #23d160 !important; } +.button.is-success.is-outlined[disabled] { + background-color: transparent; + border-color: #23d160; + box-shadow: none; + color: #23d160; +} + .button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; @@ -1246,6 +1377,13 @@ a.box:active { color: #23d160; } +.button.is-success.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} + .button.is-warning { background-color: #ffdd57; border-color: transparent; @@ -1271,6 +1409,12 @@ a.box:active { color: rgba(0, 0, 0, 0.7); } +.button.is-warning[disabled] { + background-color: #ffdd57; + border-color: transparent; + box-shadow: none; +} + .button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; @@ -1280,6 +1424,13 @@ a.box:active { background-color: rgba(0, 0, 0, 0.7); } +.button.is-warning.is-inverted[disabled] { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: #ffdd57; +} + .button.is-warning.is-loading:after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } @@ -1300,6 +1451,13 @@ a.box:active { border-color: transparent transparent #ffdd57 #ffdd57 !important; } +.button.is-warning.is-outlined[disabled] { + background-color: transparent; + border-color: #ffdd57; + box-shadow: none; + color: #ffdd57; +} + .button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); @@ -1311,6 +1469,13 @@ a.box:active { color: #ffdd57; } +.button.is-warning.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + .button.is-danger { background-color: #ff3860; border-color: transparent; @@ -1336,6 +1501,12 @@ a.box:active { color: #fff; } +.button.is-danger[disabled] { + background-color: #ff3860; + border-color: transparent; + box-shadow: none; +} + .button.is-danger.is-inverted { background-color: #fff; color: #ff3860; @@ -1345,6 +1516,13 @@ a.box:active { background-color: #f2f2f2; } +.button.is-danger.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #ff3860; +} + .button.is-danger.is-loading:after { border-color: transparent transparent #fff #fff !important; } @@ -1365,6 +1543,13 @@ a.box:active { border-color: transparent transparent #ff3860 #ff3860 !important; } +.button.is-danger.is-outlined[disabled] { + background-color: transparent; + border-color: #ff3860; + box-shadow: none; + color: #ff3860; +} + .button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; @@ -1376,6 +1561,13 @@ a.box:active { color: #ff3860; } +.button.is-danger.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} + .button.is-small { border-radius: 2px; font-size: 0.75rem; @@ -1389,13 +1581,14 @@ a.box:active { font-size: 1.5rem; } -.button[disabled], .button.is-disabled { +.button[disabled] { + background-color: white; + border-color: #dbdbdb; + box-shadow: none; opacity: 0.5; } .button.is-fullwidth { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } @@ -1406,8 +1599,7 @@ a.box:active { } .button.is-loading:after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -1588,20 +1780,14 @@ input[type="submit"].button { .textarea { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: none; border-radius: 3px; box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: 0.375em; padding-left: 0.625em; @@ -1625,10 +1811,9 @@ input[type="submit"].button { outline: none; } -.input[disabled], .input.is-disabled, -.textarea[disabled], -.textarea.is-disabled { - pointer-events: none; +.input[disabled], +.textarea[disabled] { + cursor: not-allowed; } .input:hover, .input.is-hovered, @@ -1645,36 +1830,31 @@ input[type="submit"].button { border-color: #00d1b2; } -.input[disabled], .input.is-disabled, -.textarea[disabled], -.textarea.is-disabled { +.input[disabled], +.textarea[disabled] { background-color: whitesmoke; border-color: whitesmoke; box-shadow: none; color: #7a7a7a; } -.input[disabled]::-moz-placeholder, .input.is-disabled::-moz-placeholder, -.textarea[disabled]::-moz-placeholder, -.textarea.is-disabled::-moz-placeholder { +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } -.input[disabled]::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder, -.textarea[disabled]::-webkit-input-placeholder, -.textarea.is-disabled::-webkit-input-placeholder { +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } -.input[disabled]:-moz-placeholder, .input.is-disabled:-moz-placeholder, -.textarea[disabled]:-moz-placeholder, -.textarea.is-disabled:-moz-placeholder { +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } -.input[disabled]:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder, -.textarea[disabled]:-ms-input-placeholder, -.textarea.is-disabled:-ms-input-placeholder { +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } @@ -1768,18 +1948,11 @@ input[type="submit"].button { .checkbox, .radio { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; cursor: pointer; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; line-height: 1.5; position: relative; vertical-align: top; @@ -1796,15 +1969,9 @@ input[type="submit"].button { color: #363636; } -.checkbox.is-disabled, -.radio.is-disabled { +.checkbox[disabled], +.radio[disabled] { color: #7a7a7a; - pointer-events: none; -} - -.checkbox.is-disabled input, -.radio.is-disabled input { - pointer-events: none; } .radio + .radio { @@ -1827,8 +1994,7 @@ input[type="submit"].button { height: 0.5em; pointer-events: none; position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); width: 0.5em; margin-top: -0.375em; right: 1.125em; @@ -1839,20 +2005,14 @@ input[type="submit"].button { .select select { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: none; border-radius: 3px; box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: 0.375em; padding-left: 0.625em; @@ -1874,8 +2034,8 @@ input[type="submit"].button { outline: none; } -.select select[disabled], .select select.is-disabled { - pointer-events: none; +.select select[disabled] { + cursor: not-allowed; } .select select:hover, .select select.is-hovered { @@ -1886,26 +2046,26 @@ input[type="submit"].button { border-color: #00d1b2; } -.select select[disabled], .select select.is-disabled { +.select select[disabled] { background-color: whitesmoke; border-color: whitesmoke; box-shadow: none; color: #7a7a7a; } -.select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder { +.select select[disabled]::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } -.select select[disabled]::-webkit-input-placeholder, .select select.is-disabled::-webkit-input-placeholder { +.select select[disabled]::-webkit-input-placeholder { color: rgba(54, 54, 54, 0.3); } -.select select[disabled]:-moz-placeholder, .select select.is-disabled:-moz-placeholder { +.select select[disabled]:-moz-placeholder { color: rgba(54, 54, 54, 0.3); } -.select select[disabled]:-ms-input-placeholder, .select select.is-disabled:-ms-input-placeholder { +.select select[disabled]:-ms-input-placeholder { color: rgba(54, 54, 54, 0.3); } @@ -2004,12 +2164,8 @@ input[type="submit"].button { } .field.has-addons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .field.has-addons .control { @@ -2051,47 +2207,31 @@ input[type="submit"].button { } .field.has-addons .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .field.has-addons.has-addons-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .field.has-addons.has-addons-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .field.is-grouped { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .field.is-grouped > .control { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: 0; + flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { @@ -2100,29 +2240,20 @@ input[type="submit"].button { } .field.is-grouped > .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .field.is-grouped.is-grouped-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .field.is-grouped.is-grouped-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } @media screen and (min-width: 769px), print { .field.is-horizontal { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @@ -2139,13 +2270,9 @@ input[type="submit"].button { @media screen and (min-width: 769px), print { .field-label { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; margin-right: 1.5rem; text-align: right; } @@ -2168,25 +2295,16 @@ input[type="submit"].button { @media screen and (min-width: 769px), print { .field-body { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 5; - -ms-flex-positive: 5; - flex-grow: 5; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1; } .field-body .field { - -ms-flex-negative: 1; - flex-shrink: 1; + flex-shrink: 1; } .field-body .field:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .field-body .field:not(:last-child) { margin-bottom: 0; @@ -2243,8 +2361,7 @@ input[type="submit"].button { } .control.is-loading:after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -2260,15 +2377,9 @@ input[type="submit"].button { } .icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + align-items: center; display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; height: 1.5rem; vertical-align: top; width: 1.5rem; @@ -2392,6 +2503,11 @@ input[type="submit"].button { margin-bottom: 1.5rem; } +.notification a { + color: currentColor; + text-decoration: underline; +} + .notification code, .notification pre { background: white; @@ -2641,20 +2757,14 @@ input[type="submit"].button { } .tag { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; color: #4a4a4a; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 0.75rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; line-height: 1.5; padding-left: 0.875em; padding-right: 0.875em; @@ -2892,10 +3002,8 @@ input[type="submit"].button { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .delete:before { @@ -2962,8 +3070,7 @@ input[type="submit"].button { } .loader { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -2976,19 +3083,13 @@ input[type="submit"].button { } .number { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1.25rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; @@ -2997,41 +3098,25 @@ input[type="submit"].button { } .card-header { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - display: -webkit-box; - display: -ms-flexbox; display: flex; } .card-header-title { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #363636; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 0.75rem; } @@ -3046,31 +3131,17 @@ input[type="submit"].button { .card-footer { border-top: 1px solid #dbdbdb; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .card-footer-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; padding: 0.75rem; } @@ -3091,22 +3162,12 @@ input[type="submit"].button { } .level-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; } .level-item .title, @@ -3122,13 +3183,9 @@ input[type="submit"].button { .level-left, .level-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .level-left .level-item:not(:last-child), @@ -3138,18 +3195,12 @@ input[type="submit"].button { .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .level-left { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + align-items: center; + justify-content: flex-start; } @media screen and (max-width: 768px) { @@ -3160,36 +3211,24 @@ input[type="submit"].button { @media screen and (min-width: 769px), print { .level-left { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .level-right { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + align-items: center; + justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .level { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + align-items: center; + justify-content: space-between; } .level:not(:last-child) { @@ -3206,15 +3245,11 @@ input[type="submit"].button { } .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; } @@ -3227,33 +3262,23 @@ input[type="submit"].button { } .level.is-mobile .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { .level { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level > .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } } .media-left, .media-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .media-left { @@ -3265,22 +3290,14 @@ input[type="submit"].button { } .media-content { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; text-align: left; } .media { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; text-align: left; } @@ -3291,8 +3308,6 @@ input[type="submit"].button { .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); - display: -webkit-box; - display: -ms-flexbox; display: flex; padding-top: 0.75rem; } @@ -3504,18 +3519,12 @@ input[type="submit"].button { } .message-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; line-height: 1.25; padding: 0.5em 0.75em; position: relative; @@ -3531,11 +3540,8 @@ input[type="submit"].button { } .message-header .delete { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; margin-left: 0.75em; } @@ -3631,10 +3637,8 @@ input[type="submit"].button { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .modal-close:before { @@ -3671,31 +3675,19 @@ input[type="submit"].button { } .modal-card { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-shrink: 0; + justify-content: flex-start; padding: 20px; position: relative; } @@ -3708,11 +3700,8 @@ input[type="submit"].button { .modal-card-title { color: #363636; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; font-size: 1.5rem; line-height: 1; } @@ -3730,11 +3719,8 @@ input[type="submit"].button { .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -3745,21 +3731,15 @@ input[type="submit"].button { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; display: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; overflow: hidden; position: fixed; z-index: 1986; } .modal.is-active { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -3779,12 +3759,8 @@ input[type="submit"].button { 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; } @@ -3810,10 +3786,8 @@ input[type="submit"].button { .nav-toggle.is-active span:nth-child(1) { margin-left: -5px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: left top; - transform-origin: left top; + transform: rotate(45deg); + transform-origin: left top; } .nav-toggle.is-active span:nth-child(2) { @@ -3822,10 +3796,8 @@ input[type="submit"].button { .nav-toggle.is-active span:nth-child(3) { margin-left: -5px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - transform-origin: left bottom; + transform: rotate(-45deg); + transform-origin: left bottom; } @media screen and (min-width: 769px), print { @@ -3835,31 +3807,19 @@ input[type="submit"].button { } .nav-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; font-size: 1rem; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; line-height: 1.5; padding: 0.5rem 0.75rem; } .nav-item a { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .nav-item img { @@ -3880,9 +3840,7 @@ input[type="submit"].button { @media screen and (max-width: 768px) { .nav-item { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } } @@ -3933,51 +3891,30 @@ a.nav-item.is-tab.is-active { .nav-left, .nav-right { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; } .nav-left { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; overflow: hidden; overflow-x: auto; white-space: nowrap; } .nav-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .nav-center { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; margin-left: auto; margin-right: auto; } @@ -4008,12 +3945,8 @@ a.nav-item.is-tab.is-active { } .nav { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; background-color: white; - display: -webkit-box; - display: -ms-flexbox; display: flex; min-height: 3.25rem; position: relative; @@ -4022,11 +3955,7 @@ a.nav-item.is-tab.is-active { } .nav > .container { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; min-height: 3.25rem; } @@ -4059,15 +3988,9 @@ a.nav-item.is-tab.is-active { .pagination, .pagination-list { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; text-align: center; } @@ -4077,20 +4000,14 @@ a.nav-item.is-tab.is-active { .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: none; border-radius: 3px; box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: 0.375em; padding-left: 0.625em; @@ -4106,9 +4023,7 @@ a.nav-item.is-tab.is-active { font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; text-align: center; } @@ -4128,14 +4043,11 @@ a.nav-item.is-tab.is-active { outline: none; } -.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-previous[disabled], .pagination-next[disabled], -.pagination-next.is-disabled, .pagination-link[disabled], -.pagination-link.is-disabled, -.pagination-ellipsis[disabled], -.pagination-ellipsis.is-disabled { - pointer-events: none; +.pagination-ellipsis[disabled] { + cursor: not-allowed; } .pagination-previous, @@ -4164,15 +4076,12 @@ a.nav-item.is-tab.is-active { box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } -.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-previous[disabled], .pagination-next[disabled], -.pagination-next.is-disabled, -.pagination-link[disabled], -.pagination-link.is-disabled { +.pagination-link[disabled] { background: #dbdbdb; color: #7a7a7a; opacity: 0.5; - pointer-events: none; } .pagination-previous, @@ -4198,16 +4107,12 @@ a.nav-item.is-tab.is-active { @media screen and (max-width: 768px) { .pagination { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .pagination-previous, .pagination-next { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; width: calc(50% - 0.375rem); } .pagination-next { @@ -4217,85 +4122,53 @@ a.nav-item.is-tab.is-active { margin-top: 0.75rem; } .pagination-list li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; } .pagination-previous, .pagination-next { margin-left: 0.75rem; } .pagination-previous { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } .pagination { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .pagination.is-centered .pagination-previous { margin-left: 0; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } .pagination.is-centered .pagination-list { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + justify-content: center; + order: 2; } .pagination.is-centered .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } .pagination.is-right .pagination-previous { margin-left: 0; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } .pagination.is-right .pagination-next { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; margin-right: 0.75rem; } .pagination.is-right .pagination-list { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + justify-content: flex-end; + order: 3; } } @@ -4332,16 +4205,10 @@ a.nav-item.is-tab.is-active { } .panel-tabs { - -webkit-box-align: end; - -ms-flex-align: end; - align-items: flex-end; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-end; display: flex; font-size: 0.875em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .panel-tabs a { @@ -4364,16 +4231,10 @@ a.nav-item.is-tab.is-active { } .panel-block { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #363636; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; padding: 0.5em 0.75em; } @@ -4382,17 +4243,13 @@ a.nav-item.is-tab.is-active { } .panel-block > .control { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .panel-block.is-active { @@ -4437,16 +4294,10 @@ label.panel-block:hover { -moz-user-select: none; -ms-user-select: none; user-select: none; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; font-size: 1rem; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; @@ -4457,17 +4308,11 @@ label.panel-block:hover { } .tabs a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom: 1px solid #dbdbdb; color: #4a4a4a; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; @@ -4488,21 +4333,12 @@ label.panel-block:hover { } .tabs ul { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom: 1px solid #dbdbdb; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } .tabs ul.is-left { @@ -4510,20 +4346,14 @@ label.panel-block:hover { } .tabs ul.is-center { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex: none; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; padding-left: 0.75em; } @@ -4536,15 +4366,11 @@ label.panel-block:hover { } .tabs.is-centered ul { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .tabs.is-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .tabs.is-boxed a { @@ -4564,11 +4390,8 @@ label.panel-block:hover { } .tabs.is-fullwidth li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .tabs.is-toggle a { @@ -4620,61 +4443,43 @@ label.panel-block:hover { .column { display: block; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .columns.is-mobile > .column.is-full { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } @@ -4699,9 +4504,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } @@ -4710,9 +4513,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } @@ -4721,9 +4522,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } @@ -4732,9 +4531,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } @@ -4743,9 +4540,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } @@ -4754,9 +4549,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } @@ -4765,9 +4558,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } @@ -4776,9 +4567,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } @@ -4787,9 +4576,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } @@ -4798,9 +4585,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } @@ -4809,9 +4594,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } @@ -4820,9 +4603,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } @@ -4832,44 +4613,30 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .column.is-narrow-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-mobile { @@ -4888,108 +4655,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-mobile { @@ -4999,44 +4742,30 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full, .column.is-full-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { @@ -5055,108 +4784,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1, .column.is-1-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } .column.is-2, .column.is-2-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } .column.is-3, .column.is-3-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } .column.is-5, .column.is-5-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } .column.is-6, .column.is-6-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } .column.is-8, .column.is-8-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } .column.is-9, .column.is-9-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } .column.is-11, .column.is-11-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } .column.is-12, .column.is-12-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { @@ -5166,44 +4871,30 @@ label.panel-block:hover { @media screen and (min-width: 1000px) { .column.is-narrow-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-desktop { @@ -5222,108 +4913,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-desktop { @@ -5333,44 +5000,30 @@ label.panel-block:hover { @media screen and (min-width: 1192px) { .column.is-narrow-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-widescreen { @@ -5389,108 +5042,84 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-widescreen { @@ -5513,9 +5142,7 @@ label.panel-block:hover { } .columns.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .columns.is-gapless { @@ -5539,8 +5166,7 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .columns.is-grid { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-grid > .column { max-width: 33.3333%; @@ -5553,52 +5179,35 @@ label.panel-block:hover { } .columns.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .columns.is-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-vcentered { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1000px) { .columns.is-desktop { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .tile { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; display: block; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - min-height: -webkit-min-content; - min-height: -moz-min-content; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; min-height: min-content; } @@ -5625,10 +5234,7 @@ label.panel-block:hover { } .tile.is-vertical { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { @@ -5637,80 +5243,54 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .tile:not(.is-child) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .tile.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .tile.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .tile.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .tile.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .tile.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .tile.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .tile.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .tile.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .tile.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .tile.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .tile.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .tile.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } } @@ -5730,8 +5310,7 @@ label.panel-block:hover { min-width: 100%; position: absolute; top: 50%; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { @@ -5750,8 +5329,6 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .hero-buttons .button { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .hero-buttons .button:not(:last-child) { @@ -5761,12 +5338,8 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .hero-buttons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; @@ -5775,19 +5348,13 @@ label.panel-block:hover { .hero-head, .hero-foot { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; } .hero-body { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; padding: 3rem 1.5rem; } @@ -5799,20 +5366,11 @@ label.panel-block:hover { } .hero { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; background-color: white; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + flex-direction: column; + justify-content: space-between; } .hero .nav { @@ -5896,7 +5454,6 @@ label.panel-block:hover { } .hero.is-white.is-bold { - background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%); background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } @@ -5987,7 +5544,6 @@ label.panel-block:hover { } .hero.is-black.is-bold { - background-image: -webkit-linear-gradient(309deg, black 0%, #0a0a0a 71%, #181616 100%); background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } @@ -6078,7 +5634,6 @@ label.panel-block:hover { } .hero.is-light.is-bold { - background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%); background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%); } @@ -6169,7 +5724,6 @@ label.panel-block:hover { } .hero.is-dark.is-bold { - background-image: -webkit-linear-gradient(309deg, #1f1919 0%, #363636 71%, #463f3f 100%); background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 100%); } @@ -6260,7 +5814,6 @@ label.panel-block:hover { } .hero.is-primary.is-bold { - background-image: -webkit-linear-gradient(309deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); } @@ -6351,7 +5904,6 @@ label.panel-block:hover { } .hero.is-info.is-bold { - background-image: -webkit-linear-gradient(309deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } @@ -6442,7 +5994,6 @@ label.panel-block:hover { } .hero.is-success.is-bold { - background-image: -webkit-linear-gradient(309deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } @@ -6533,7 +6084,6 @@ label.panel-block:hover { } .hero.is-warning.is-bold { - background-image: -webkit-linear-gradient(309deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } @@ -6624,7 +6174,6 @@ label.panel-block:hover { } .hero.is-danger.is-bold { - background-image: -webkit-linear-gradient(309deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } @@ -6662,20 +6211,13 @@ label.panel-block:hover { } .hero.is-fullheight .hero-body { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .hero.is-fullheight .hero-body > .container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .section { @@ -7013,48 +6555,18 @@ svg { right: 0; } -@-webkit-keyframes floatUp { - 0% { - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - 67% { - box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } - 100% { - box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes floatUp { 0% { box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0); - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } 67% { box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } 100% { box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2); - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes strokePath { - from { - stroke-dashoffset: 880; - } - to { - stroke-dashoffset: 0; + transform: scale(1); } } @@ -7067,129 +6579,59 @@ svg { } } -@-webkit-keyframes fadeIn { - from { - opacity: 0; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes fadeIn { from { opacity: 0; - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } to { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - 67% { - opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - 100% { - opacity: 0; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @keyframes fadeOut { 0% { opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } 67% { opacity: 1; - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } 100% { opacity: 0; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes slideDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: scale(1); } } @keyframes slideDown { 0% { opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); + transform: translateY(-10px); } 100% { opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@-webkit-keyframes slideUp { - 0% { - opacity: 0; - -webkit-transform: translateY(10px); - transform: translateY(10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } } @keyframes slideUp { 0% { opacity: 0; - -webkit-transform: translateY(10px); - transform: translateY(10px); + transform: translateY(10px); } 100% { opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } } #b { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: floatUp; - animation-name: floatUp; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-duration: 1.5s; + animation-fill-mode: both; + animation-name: floatUp; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); border-radius: 24px; display: inline-block; height: 240px; @@ -7211,25 +6653,17 @@ svg { } #b svg:first-child { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: fadeOut; - animation-name: fadeOut; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-duration: 1.5s; + animation-fill-mode: both; + animation-name: fadeOut; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); } #b svg:first-child g { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: strokePath; - animation-name: strokePath; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-duration: 1s; + animation-fill-mode: both; + animation-name: strokePath; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); fill: none; stroke: #00d1b2; stroke-dasharray: 880; @@ -7237,16 +6671,11 @@ svg { } #b svg:last-child { - -webkit-animation-delay: 1s; - animation-delay: 1s; - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-name: fadeIn; - animation-name: fadeIn; - -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); - animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); + animation-delay: 1s; + animation-duration: 1s; + animation-fill-mode: both; + animation-name: fadeIn; + animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1); } #b svg:last-child g { @@ -7262,32 +6691,21 @@ svg { } #bulma { - -webkit-animation: slideDown 500ms both; - animation: slideDown 500ms both; + animation: slideDown 500ms both; } #modern-framework { - -webkit-animation: slideUp 500ms both; - animation: slideUp 500ms both; - -webkit-animation-delay: 0.2s; - animation-delay: 0.2s; + animation: slideUp 500ms both; + animation-delay: 0.2s; } #npm { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-animation: fadeIn 500ms both; - animation: fadeIn 500ms both; - -webkit-animation-delay: 0.4s; - animation-delay: 0.4s; + align-items: center; + animation: fadeIn 500ms both; + animation-delay: 0.4s; background: none; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin: -10px 0 20px; } @@ -7301,24 +6719,18 @@ svg { } #ghbtns { - -webkit-animation: slideDown 500ms both; - animation: slideDown 500ms both; - -webkit-animation-delay: 0.6s; - animation-delay: 0.6s; + animation: slideDown 500ms both; + animation-delay: 0.6s; } html.route-index #carbon { - -webkit-animation: slideUp 500ms both; - animation: slideUp 500ms both; - -webkit-animation-delay: 0.8s; - animation-delay: 0.8s; + animation: slideUp 500ms both; + animation-delay: 0.8s; } #download { - -webkit-animation: fadeIn 500ms both; - animation: fadeIn 500ms both; - -webkit-animation-delay: 1s; - animation-delay: 1s; + animation: fadeIn 500ms both; + animation-delay: 1s; } #grid .notification { @@ -7385,17 +6797,10 @@ html.route-index #carbon { } #social { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; } #social > iframe, @@ -7423,11 +6828,7 @@ html.route-index #carbon { } #social .fb-like { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; width: 130px; } @@ -7438,16 +6839,11 @@ html.route-index #carbon { } #sister ul { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } #sister li { - display: -webkit-box; - display: -ms-flexbox; display: flex; height: 30px; margin: 5px 1rem 0 0; @@ -7571,18 +6967,12 @@ html.route-index #carbon { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; content: attr(title); - display: -webkit-box; - display: -ms-flexbox; display: flex; font-family: monospace; font-size: 11px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 3px 5px; z-index: 2; } @@ -7592,12 +6982,8 @@ html.route-index #carbon { } .structure-item.is-structure-container:after { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + align-items: flex-start; + justify-content: flex-start; padding: 0.5rem 0.75rem; } @@ -7738,12 +7124,8 @@ html.route-index #carbon { min-height: 120px; } #_default_ { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; position: relative; } #_default_ .default-ad { diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html index 0611241a..ebdcbdee 100644 --- a/docs/documentation/elements/button.html +++ b/docs/documentation/elements/button.html @@ -239,16 +239,21 @@ doc-subtab: button