From: Jeremy Thomas Date: Tue, 30 Jan 2018 14:42:17 +0000 (+0000) Subject: Grid init X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6d9005ad2ac66d7d41c4edd6f4f0829e13d12768;p=thirdparty%2Fbulma.git Grid init --- diff --git a/docs/_javascript/grid.js b/docs/_javascript/grid.js new file mode 100644 index 000000000..86111cd86 --- /dev/null +++ b/docs/_javascript/grid.js @@ -0,0 +1,16 @@ +document.addEventListener('DOMContentLoaded', () => { + + const $cells = getAll('.cell'); + + $cells.forEach(el => { + const parentWidth = el.parentElement.offsetWidth; + const percentage = el.offsetWidth / parentWidth * 100; + el.append(`${Math.round(percentage)}`); + }); + + // Functions + function getAll(selector) { + return Array.prototype.slice.call(document.querySelectorAll(selector), 0); + } + +}); diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index d38a8bf15..2aaa96924 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -1,23 +1,11 @@ @charset "UTF-8"; /*! bulma.io v0.6.2 | MIT License | github.com/jgthms/bulma */ -@-webkit-keyframes spinAround { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} @keyframes spinAround { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(359deg); } } @@ -71,18 +59,15 @@ textarea { } html { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } * { - -webkit-box-sizing: inherit; - box-sizing: inherit; + box-sizing: inherit; } *:before, *:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; + box-sizing: inherit; } img, @@ -117,10 +102,7 @@ html { overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; - -webkit-text-size-adjust: 100%; - -moz-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - text-size-adjust: 100%; + text-size-adjust: 100%; } article, @@ -874,79 +856,59 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-flex { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 768px) { .is-flex-mobile { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px), print { .is-flex-tablet { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1023px) { .is-flex-touch { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) { .is-flex-desktop { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) { .is-flex-widescreen { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1408px) { .is-flex-fullhd { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @@ -1068,79 +1030,59 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-inline-flex { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px), print { .is-inline-flex-tablet { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 1023px) { .is-inline-flex-touch { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) { .is-inline-flex-desktop { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) { .is-inline-flex-widescreen { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1408px) { .is-inline-flex-fullhd { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @@ -1274,8 +1216,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-shadowless { - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; } .is-unselectable { @@ -1289,8 +1230,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { .box { background-color: white; border-radius: 5px; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; padding: 1.25rem; @@ -1301,33 +1241,24 @@ a.has-text-danger:hover, a.has-text-danger:focus { } a.box:hover, a.box:focus { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; - 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 { - -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; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } .button { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -1344,9 +1275,7 @@ a.box:active { border-color: #dbdbdb; color: #363636; cursor: pointer; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; text-align: center; @@ -1396,8 +1325,7 @@ a.box:active { } .button:focus:not(:active), .button.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .button:active, .button.is-active { @@ -1425,8 +1353,7 @@ a.box:active { .button.is-text[disabled] { background-color: transparent; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-white { @@ -1447,8 +1374,7 @@ a.box:active { } .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .button.is-white:active, .button.is-white.is-active { @@ -1460,8 +1386,7 @@ a.box:active { .button.is-white[disabled] { background-color: white; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-white.is-inverted { @@ -1476,8 +1401,7 @@ a.box:active { .button.is-white.is-inverted[disabled] { background-color: #0a0a0a; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } @@ -1504,8 +1428,7 @@ a.box:active { .button.is-white.is-outlined[disabled] { background-color: transparent; border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } @@ -1523,8 +1446,7 @@ a.box:active { .button.is-white.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1546,8 +1468,7 @@ a.box:active { } .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .button.is-black:active, .button.is-black.is-active { @@ -1559,8 +1480,7 @@ a.box:active { .button.is-black[disabled] { background-color: #0a0a0a; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-black.is-inverted { @@ -1575,8 +1495,7 @@ a.box:active { .button.is-black.is-inverted[disabled] { background-color: white; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1603,8 +1522,7 @@ a.box:active { .button.is-black.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1622,8 +1540,7 @@ a.box:active { .button.is-black.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: white; } @@ -1645,8 +1562,7 @@ a.box:active { } .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .button.is-light:active, .button.is-light.is-active { @@ -1658,8 +1574,7 @@ a.box:active { .button.is-light[disabled] { background-color: whitesmoke; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-light.is-inverted { @@ -1674,8 +1589,7 @@ a.box:active { .button.is-light.is-inverted[disabled] { background-color: #363636; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1702,8 +1616,7 @@ a.box:active { .button.is-light.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1721,8 +1634,7 @@ a.box:active { .button.is-light.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #363636; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } @@ -1744,8 +1656,7 @@ a.box:active { } .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .button.is-dark:active, .button.is-dark.is-active { @@ -1757,8 +1668,7 @@ a.box:active { .button.is-dark[disabled] { background-color: #363636; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-dark.is-inverted { @@ -1773,8 +1683,7 @@ a.box:active { .button.is-dark.is-inverted[disabled] { background-color: whitesmoke; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } @@ -1801,8 +1710,7 @@ a.box:active { .button.is-dark.is-outlined[disabled] { background-color: transparent; border-color: #363636; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #363636; } @@ -1820,8 +1728,7 @@ a.box:active { .button.is-dark.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1843,8 +1750,7 @@ a.box:active { } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .button.is-primary:active, .button.is-primary.is-active { @@ -1856,8 +1762,7 @@ a.box:active { .button.is-primary[disabled] { background-color: #00d1b2; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-primary.is-inverted { @@ -1872,8 +1777,7 @@ a.box:active { .button.is-primary.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1900,8 +1804,7 @@ a.box:active { .button.is-primary.is-outlined[disabled] { background-color: transparent; border-color: #00d1b2; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1919,8 +1822,7 @@ a.box:active { .button.is-primary.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -1942,8 +1844,7 @@ a.box:active { } .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .button.is-link:active, .button.is-link.is-active { @@ -1955,8 +1856,7 @@ a.box:active { .button.is-link[disabled] { background-color: #3273dc; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-link.is-inverted { @@ -1971,8 +1871,7 @@ a.box:active { .button.is-link.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -1999,8 +1898,7 @@ a.box:active { .button.is-link.is-outlined[disabled] { background-color: transparent; border-color: #3273dc; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -2018,8 +1916,7 @@ a.box:active { .button.is-link.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -2041,8 +1938,7 @@ a.box:active { } .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - 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 { @@ -2054,8 +1950,7 @@ a.box:active { .button.is-info[disabled] { background-color: #209cee; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-info.is-inverted { @@ -2070,8 +1965,7 @@ a.box:active { .button.is-info.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #209cee; } @@ -2098,8 +1992,7 @@ a.box:active { .button.is-info.is-outlined[disabled] { background-color: transparent; border-color: #209cee; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #209cee; } @@ -2117,8 +2010,7 @@ a.box:active { .button.is-info.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -2140,8 +2032,7 @@ a.box:active { } .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .button.is-success:active, .button.is-success.is-active { @@ -2153,8 +2044,7 @@ a.box:active { .button.is-success[disabled] { background-color: #23d160; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-success.is-inverted { @@ -2169,8 +2059,7 @@ a.box:active { .button.is-success.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2197,8 +2086,7 @@ a.box:active { .button.is-success.is-outlined[disabled] { background-color: transparent; border-color: #23d160; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2216,8 +2104,7 @@ a.box:active { .button.is-success.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -2239,8 +2126,7 @@ a.box:active { } .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .button.is-warning:active, .button.is-warning.is-active { @@ -2252,8 +2138,7 @@ a.box:active { .button.is-warning[disabled] { background-color: #ffdd57; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-warning.is-inverted { @@ -2268,8 +2153,7 @@ a.box:active { .button.is-warning.is-inverted[disabled] { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2296,8 +2180,7 @@ a.box:active { .button.is-warning.is-outlined[disabled] { background-color: transparent; border-color: #ffdd57; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2315,8 +2198,7 @@ a.box:active { .button.is-warning.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: rgba(0, 0, 0, 0.7); } @@ -2338,8 +2220,7 @@ a.box:active { } .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .button.is-danger:active, .button.is-danger.is-active { @@ -2351,8 +2232,7 @@ a.box:active { .button.is-danger[disabled] { background-color: #ff3860; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .button.is-danger.is-inverted { @@ -2367,8 +2247,7 @@ a.box:active { .button.is-danger.is-inverted[disabled] { background-color: #fff; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2395,8 +2274,7 @@ a.box:active { .button.is-danger.is-outlined[disabled] { background-color: transparent; border-color: #ff3860; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2414,8 +2292,7 @@ a.box:active { .button.is-danger.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #fff; } @@ -2435,14 +2312,11 @@ a.box:active { .button[disabled] { background-color: white; border-color: #dbdbdb; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; opacity: 0.5; } .button.is-fullwidth { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } @@ -2453,8 +2327,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; @@ -2474,8 +2347,7 @@ a.box:active { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; pointer-events: none; } @@ -2486,17 +2358,10 @@ a.box:active { } .buttons { - -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; } .buttons .button { @@ -2543,15 +2408,11 @@ a.box:active { } .buttons.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .buttons.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .container { @@ -2791,21 +2652,14 @@ a.box:active { .textarea { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -2816,8 +2670,7 @@ a.box:active { background-color: white; border-color: #dbdbdb; color: #363636; - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); max-width: 100%; width: 100%; } @@ -2867,16 +2720,14 @@ a.box:active { .textarea:active, .textarea.is-active { border-color: #3273dc; - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .input[disabled], .textarea[disabled] { background-color: whitesmoke; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -2902,8 +2753,7 @@ a.box:active { .input[readonly], .textarea[readonly] { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .input.is-white, @@ -2916,8 +2766,7 @@ a.box:active { .textarea.is-white.is-focused, .textarea.is-white:active, .textarea.is-white.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .input.is-black, @@ -2930,8 +2779,7 @@ a.box:active { .textarea.is-black.is-focused, .textarea.is-black:active, .textarea.is-black.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .input.is-light, @@ -2944,8 +2792,7 @@ a.box:active { .textarea.is-light.is-focused, .textarea.is-light:active, .textarea.is-light.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .input.is-dark, @@ -2958,8 +2805,7 @@ a.box:active { .textarea.is-dark.is-focused, .textarea.is-dark:active, .textarea.is-dark.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .input.is-primary, @@ -2972,8 +2818,7 @@ a.box:active { .textarea.is-primary.is-focused, .textarea.is-primary:active, .textarea.is-primary.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .input.is-link, @@ -2986,8 +2831,7 @@ a.box:active { .textarea.is-link.is-focused, .textarea.is-link:active, .textarea.is-link.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .input.is-info, @@ -3000,8 +2844,7 @@ a.box:active { .textarea.is-info.is-focused, .textarea.is-info:active, .textarea.is-info.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - 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, @@ -3014,8 +2857,7 @@ a.box:active { .textarea.is-success.is-focused, .textarea.is-success:active, .textarea.is-success.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .input.is-warning, @@ -3028,8 +2870,7 @@ a.box:active { .textarea.is-warning.is-focused, .textarea.is-warning:active, .textarea.is-warning.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .input.is-danger, @@ -3042,8 +2883,7 @@ a.box:active { .textarea.is-danger.is-focused, .textarea.is-danger:active, .textarea.is-danger.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .input.is-small, @@ -3083,8 +2923,7 @@ a.box:active { .input.is-static { background-color: transparent; border-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; padding-left: 0; padding-right: 0; } @@ -3158,10 +2997,8 @@ a.box:active { height: 0.5em; pointer-events: none; position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: center; - transform-origin: center; + transform: rotate(-45deg); + transform-origin: center; width: 0.5em; margin-top: -0.375em; right: 1.125em; @@ -3177,21 +3014,14 @@ a.box:active { .select select { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -3239,15 +3069,13 @@ a.box:active { .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { border-color: #3273dc; - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .select select[disabled] { background-color: whitesmoke; border-color: whitesmoke; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -3297,8 +3125,7 @@ a.box:active { } .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black select { @@ -3306,8 +3133,7 @@ a.box:active { } .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .select.is-light select { @@ -3315,8 +3141,7 @@ a.box:active { } .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .select.is-dark select { @@ -3324,8 +3149,7 @@ a.box:active { } .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .select.is-primary select { @@ -3333,8 +3157,7 @@ a.box:active { } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .select.is-link select { @@ -3342,8 +3165,7 @@ 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 { - -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .select.is-info select { @@ -3351,8 +3173,7 @@ a.box:active { } .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); - 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 { @@ -3360,8 +3181,7 @@ a.box:active { } .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .select.is-warning select { @@ -3369,8 +3189,7 @@ a.box:active { } .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .select.is-danger select { @@ -3378,8 +3197,7 @@ a.box:active { } .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .select.is-small { @@ -3408,8 +3226,7 @@ a.box:active { } .select.is-loading::after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -3423,8 +3240,7 @@ a.box:active { position: absolute; right: 0.625em; top: 0.625em; - -webkit-transform: none; - transform: none; + transform: none; } .select.is-loading.is-small:after { @@ -3445,15 +3261,9 @@ a.box:active { -moz-user-select: none; -ms-user-select: none; user-select: none; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; position: relative; } @@ -3471,8 +3281,7 @@ a.box:active { .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #0a0a0a; } @@ -3496,8 +3305,7 @@ a.box:active { .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); color: white; } @@ -3521,8 +3329,7 @@ a.box:active { .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: #363636; } @@ -3546,8 +3353,7 @@ a.box:active { .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); color: whitesmoke; } @@ -3571,8 +3377,7 @@ a.box:active { .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); - box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); color: #fff; } @@ -3596,8 +3401,7 @@ a.box:active { .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); - box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); color: #fff; } @@ -3621,8 +3425,7 @@ a.box:active { .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); - 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; } @@ -3646,8 +3449,7 @@ a.box:active { .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); color: #fff; } @@ -3671,8 +3473,7 @@ a.box:active { .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(0, 0, 0, 0.7); } @@ -3696,8 +3497,7 @@ a.box:active { .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; - -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); color: #fff; } @@ -3746,17 +3546,11 @@ a.box:active { } .file.is-boxed .file-label { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .file.is-boxed .file-cta { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; height: auto; padding: 1em 3em; } @@ -3796,9 +3590,7 @@ a.box:active { } .file.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .file.is-fullwidth .file-label { @@ -3806,16 +3598,12 @@ a.box:active { } .file.is-fullwidth .file-name { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; max-width: none; } .file.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .file.is-right .file-cta { @@ -3825,22 +3613,14 @@ a.box:active { .file.is-right .file-name { border-radius: 3px 0 0 3px; border-width: 1px 0 1px 1px; - -webkit-box-ordinal-group: 0; - -ms-flex-order: -1; - order: -1; + order: -1; } .file-label { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; cursor: pointer; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; overflow: hidden; position: relative; } @@ -3876,21 +3656,14 @@ a.box:active { .file-name { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -3936,16 +3709,10 @@ a.box:active { } .file-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; height: 1em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 0.5em; width: 1em; } @@ -4028,12 +3795,8 @@ a.box:active { } .field.has-addons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .field.has-addons .control:not(:last-child) { @@ -4093,43 +3856,29 @@ a.box:active { } .field.has-addons .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .field.has-addons.has-addons-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .field.has-addons.has-addons-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .field.is-grouped { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .field.is-grouped > .control { - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { @@ -4138,28 +3887,20 @@ a.box:active { } .field.is-grouped > .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .field.is-grouped.is-grouped-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .field.is-grouped.is-grouped-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { @@ -4176,8 +3917,6 @@ a.box:active { @media screen and (min-width: 769px), print { .field.is-horizontal { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @@ -4194,13 +3933,9 @@ a.box:active { @media screen and (min-width: 769px), print { .field-label { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; margin-right: 1.5rem; text-align: right; } @@ -4227,28 +3962,19 @@ a.box:active { @media screen and (min-width: 769px), print { .field-body { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 5; - -ms-flex-positive: 5; - flex-grow: 5; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { - -ms-flex-negative: 1; - flex-shrink: 1; + flex-shrink: 1; } .field-body > .field:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; @@ -4356,8 +4082,7 @@ a.box:active { } .control.is-loading::after { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -4386,15 +4111,9 @@ a.box:active { } .icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + align-items: center; display: inline-flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; height: 1.5rem; width: 1.5rem; } @@ -4923,17 +4642,10 @@ a.box:active { } .tags { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; } .tags .tag { @@ -4967,9 +4679,7 @@ a.box:active { } .tags.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .tags.is-centered .tag { @@ -4978,9 +4688,7 @@ a.box:active { } .tags.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .tags.is-right .tag:not(:first-child) { @@ -4992,20 +4700,14 @@ a.box:active { } .tag:not(body) { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 3px; color: #4a4a4a; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 0.75rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; @@ -5104,10 +4806,8 @@ a.box:active { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .tag:not(body).is-delete:before { @@ -5277,11 +4977,8 @@ a.tag:hover { border-radius: 290486px; cursor: pointer; display: inline-block; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; @@ -5301,10 +4998,8 @@ a.tag:hover { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .delete:before { @@ -5377,8 +5072,7 @@ a.tag:hover { } .loader { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -5391,19 +5085,13 @@ a.tag:hover { } .number { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 1.25rem; height: 2em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; @@ -5417,11 +5105,7 @@ a.tag:hover { -moz-user-select: none; -ms-user-select: none; user-select: none; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; font-size: 1rem; overflow: hidden; @@ -5434,16 +5118,10 @@ a.tag:hover { } .breadcrumb a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #3273dc; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 0.5em 0.75em; } @@ -5452,11 +5130,7 @@ a.tag:hover { } .breadcrumb li { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } @@ -5476,20 +5150,11 @@ a.tag:hover { } .breadcrumb ul, .breadcrumb ol { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } .breadcrumb .icon:first-child { @@ -5501,15 +5166,11 @@ a.tag:hover { } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .breadcrumb.is-small { @@ -5542,56 +5203,36 @@ a.tag:hover { .card { background-color: white; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; max-width: 100%; position: relative; } .card-header { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); display: flex; } .card-header-title { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #363636; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .card-header-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 0.75rem; } @@ -5606,31 +5247,17 @@ a.tag:hover { .card-footer { border-top: 1px solid #dbdbdb; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .card-footer-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; padding: 0.75rem; } @@ -5643,8 +5270,6 @@ a.tag:hover { } .dropdown { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: top; @@ -5679,8 +5304,7 @@ a.tag:hover { .dropdown-content { background-color: white; border-radius: 3px; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); padding-bottom: 0.5rem; padding-top: 0.5rem; } @@ -5718,12 +5342,8 @@ a.dropdown-item.is-active { } .level { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + align-items: center; + justify-content: space-between; } .level:not(:last-child) { @@ -5740,15 +5360,11 @@ a.dropdown-item.is-active { } .level.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level.is-mobile .level-left, .level.is-mobile .level-right { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -5765,41 +5381,25 @@ a.dropdown-item.is-active { } .level.is-mobile .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { .level { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level > .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } } .level-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; } .level-item .title, @@ -5815,20 +5415,14 @@ a.dropdown-item.is-active { .level-left, .level-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { @@ -5839,12 +5433,8 @@ a.dropdown-item.is-active { } .level-left { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + align-items: center; + justify-content: flex-start; } @media screen and (max-width: 768px) { @@ -5855,35 +5445,23 @@ a.dropdown-item.is-active { @media screen and (min-width: 769px), print { .level-left { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .level-right { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + align-items: center; + justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .media { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; text-align: left; } @@ -5894,8 +5472,6 @@ a.dropdown-item.is-active { .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); - display: -webkit-box; - display: -ms-flexbox; display: flex; padding-top: 0.75rem; } @@ -5926,13 +5502,9 @@ a.dropdown-item.is-active { .media-left, .media-right { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; } .media-left { @@ -5944,13 +5516,9 @@ a.dropdown-item.is-active { } .media-content { - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; text-align: left; } @@ -6184,29 +5752,20 @@ a.dropdown-item.is-active { } .message-header { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; line-height: 1.25; padding: 0.5em 0.75em; position: relative; } .message-header .delete { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; margin-left: 0.75em; } @@ -6238,21 +5797,15 @@ a.dropdown-item.is-active { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; display: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; overflow: hidden; position: fixed; z-index: 40; } .modal.is-active { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -6296,11 +5849,8 @@ a.dropdown-item.is-active { border-radius: 290486px; cursor: pointer; display: inline-block; - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; @@ -6326,10 +5876,8 @@ a.dropdown-item.is-active { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .modal-close:before { @@ -6378,31 +5926,19 @@ a.dropdown-item.is-active { } .modal-card { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-shrink: 0; + justify-content: flex-start; padding: 20px; position: relative; } @@ -6415,11 +5951,8 @@ a.dropdown-item.is-active { .modal-card-title { color: #363636; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; font-size: 1.5rem; line-height: 1; } @@ -6437,11 +5970,8 @@ a.dropdown-item.is-active { .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -6983,19 +6513,14 @@ a.dropdown-item.is-active { } .navbar > .container { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-bottom, .navbar.is-fixed-top { @@ -7010,8 +6535,7 @@ a.dropdown-item.is-active { } .navbar.is-fixed-bottom.has-shadow { - -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top { @@ -7028,14 +6552,9 @@ html.has-navbar-fixed-bottom { .navbar-brand, .navbar-tabs { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; min-height: 3.25rem; } @@ -7061,16 +6580,10 @@ html.has-navbar-fixed-bottom { height: 1px; left: calc(50% - 8px); position: absolute; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: background-color, opacity, -webkit-transform; - transition-property: background-color, opacity, -webkit-transform; + transform-origin: center; + transition-duration: 86ms; transition-property: background-color, opacity, transform; - transition-property: background-color, opacity, transform, -webkit-transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; + transition-timing-function: ease-out; width: 16px; } @@ -7091,8 +6604,7 @@ html.has-navbar-fixed-bottom { } .navbar-burger.is-active span:nth-child(1) { - -webkit-transform: translateY(5px) rotate(45deg); - transform: translateY(5px) rotate(45deg); + transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { @@ -7100,8 +6612,7 @@ html.has-navbar-fixed-bottom { } .navbar-burger.is-active span:nth-child(3) { - -webkit-transform: translateY(-5px) rotate(-45deg); - transform: translateY(-5px) rotate(-45deg); + transform: translateY(-5px) rotate(-45deg); } .navbar-menu { @@ -7125,11 +6636,8 @@ a.navbar-link.is-active { } .navbar-item { - -webkit-box-flex: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 0; + flex-shrink: 0; } .navbar-item img { @@ -7141,11 +6649,8 @@ a.navbar-link.is-active { } .navbar-item.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; } .navbar-item.is-tab { @@ -7169,11 +6674,8 @@ a.navbar-link.is-active { } .navbar-content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .navbar-link { @@ -7205,17 +6707,12 @@ a.navbar-link.is-active { } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .navbar-menu { background-color: white; - -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { @@ -7231,8 +6728,7 @@ a.navbar-link.is-active { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { - -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-touch { top: 0; @@ -7255,11 +6751,7 @@ a.navbar-link.is-active { .navbar-menu, .navbar-start, .navbar-end { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .navbar { @@ -7286,29 +6778,21 @@ a.navbar-link.is-active { } .navbar-item, .navbar-link { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .navbar-item.has-dropdown { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; } .navbar-item.has-dropdown-up .navbar-link::after { - -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); - transform: rotate(135deg) translate(0.25em, -0.25em); + transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 1px solid #dbdbdb; border-radius: 5px 5px 0 0; border-top: none; bottom: 100%; - -webkit-box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); top: auto; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { @@ -7317,8 +6801,7 @@ a.navbar-link.is-active { .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .navbar-link::after { border: 1px solid #3273dc; @@ -7329,32 +6812,23 @@ a.navbar-link.is-active { height: 0.5em; pointer-events: none; position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: center; - transform-origin: center; + transform: rotate(-45deg); + transform-origin: center; width: 0.5em; margin-top: -0.375em; right: 1.125em; top: 50%; } .navbar-menu { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .navbar-start { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; margin-right: auto; } .navbar-end { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; margin-left: auto; } .navbar-dropdown { @@ -7362,8 +6836,7 @@ a.navbar-link.is-active { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #dbdbdb; - -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; @@ -7390,20 +6863,14 @@ a.navbar-link.is-active { .navbar-dropdown.is-boxed { border-radius: 5px; border-top: none; - -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: opacity, -webkit-transform; - transition-property: opacity, -webkit-transform; + transform: translateY(-5px); + transition-duration: 86ms; transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; } .navbar-dropdown.is-right { left: auto; @@ -7430,8 +6897,7 @@ a.navbar-link.is-active { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { - -webkit-box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } .navbar.is-fixed-top-desktop { top: 0; @@ -7485,15 +6951,9 @@ a.navbar-link.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; } @@ -7503,21 +6963,14 @@ a.navbar-link.is-active { .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -ms-inline-flexbox; + box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.25em; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -7533,9 +6986,7 @@ a.navbar-link.is-active { font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin: 0.25rem; text-align: center; } @@ -7587,8 +7038,7 @@ a.navbar-link.is-active { .pagination-previous:active, .pagination-next:active, .pagination-link:active { - -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } .pagination-previous[disabled], @@ -7596,8 +7046,7 @@ a.navbar-link.is-active { .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; color: #7a7a7a; opacity: 0.5; } @@ -7621,96 +7070,59 @@ a.navbar-link.is-active { } .pagination-list { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 768px) { .pagination { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .pagination-previous, .pagination-next { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .pagination-list li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; } .pagination-previous { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } .pagination { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .pagination.is-centered .pagination-previous { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } .pagination.is-centered .pagination-list { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + justify-content: center; + order: 2; } .pagination.is-centered .pagination-next { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } .pagination.is-right .pagination-previous { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } .pagination.is-right .pagination-next { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } .pagination.is-right .pagination-list { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + justify-content: flex-end; + order: 3; } } @@ -7747,16 +7159,10 @@ a.navbar-link.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 { @@ -7779,16 +7185,10 @@ a.navbar-link.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; } @@ -7797,17 +7197,13 @@ a.navbar-link.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 { @@ -7853,16 +7249,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; @@ -7873,19 +7263,13 @@ label.panel-block:hover { } .tabs a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #4a4a4a; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; @@ -7906,23 +7290,14 @@ label.panel-block:hover { } .tabs ul { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } .tabs ul.is-left { @@ -7930,20 +7305,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; } @@ -7956,15 +7325,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 { @@ -7984,11 +7349,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 { @@ -8054,89 +7416,63 @@ 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%; } .columns.is-mobile > .column.is-one-fifth { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .columns.is-mobile > .column.is-two-fifths { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .columns.is-mobile > .column.is-three-fifths { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .columns.is-mobile > .column.is-four-fifths { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } @@ -8177,9 +7513,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%; } @@ -8188,9 +7522,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%; } @@ -8199,9 +7531,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } @@ -8210,9 +7540,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%; } @@ -8221,9 +7549,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%; } @@ -8232,9 +7558,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } @@ -8243,9 +7567,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%; } @@ -8254,9 +7576,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%; } @@ -8265,9 +7585,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } @@ -8276,9 +7594,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%; } @@ -8287,9 +7603,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%; } @@ -8298,9 +7612,7 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } @@ -8310,68 +7622,46 @@ 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-one-fifth-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-mobile { @@ -8402,108 +7692,84 @@ label.panel-block:hover { margin-left: 80%; } .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 { @@ -8513,68 +7779,46 @@ 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-one-fifth, .column.is-one-fifth-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths, .column.is-two-fifths-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths, .column.is-three-fifths-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths, .column.is-four-fifths-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { @@ -8605,108 +7849,84 @@ label.panel-block:hover { margin-left: 80%; } .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 { @@ -8716,68 +7936,46 @@ label.panel-block:hover { @media screen and (max-width: 1023px) { .column.is-narrow-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-touch { @@ -8808,108 +8006,84 @@ label.panel-block:hover { margin-left: 80%; } .column.is-1-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-touch { margin-left: 8.33333%; } .column.is-2-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-touch { margin-left: 16.66667%; } .column.is-3-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-touch { margin-left: 33.33333%; } .column.is-5-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-touch { margin-left: 41.66667%; } .column.is-6-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-touch { margin-left: 58.33333%; } .column.is-8-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-touch { margin-left: 66.66667%; } .column.is-9-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-touch { margin-left: 83.33333%; } .column.is-11-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-touch { margin-left: 91.66667%; } .column.is-12-touch { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-touch { @@ -8919,68 +8093,46 @@ label.panel-block:hover { @media screen and (min-width: 1024px) { .column.is-narrow-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-desktop { @@ -9011,108 +8163,84 @@ label.panel-block:hover { margin-left: 80%; } .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 { @@ -9122,68 +8250,46 @@ label.panel-block:hover { @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-widescreen { @@ -9214,108 +8320,84 @@ label.panel-block:hover { margin-left: 80%; } .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 { @@ -9325,68 +8407,46 @@ label.panel-block:hover { @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-one-fifth-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 20%; } .column.is-two-fifths-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 40%; } .column.is-three-fifths-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 60%; } .column.is-four-fifths-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 80%; } .column.is-offset-three-quarters-fullhd { @@ -9417,108 +8477,84 @@ label.panel-block:hover { margin-left: 80%; } .column.is-1-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-fullhd { margin-left: 8.33333%; } .column.is-2-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-fullhd { margin-left: 16.66667%; } .column.is-3-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-fullhd { margin-left: 33.33333%; } .column.is-5-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-fullhd { margin-left: 41.66667%; } .column.is-6-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-fullhd { margin-left: 58.33333%; } .column.is-8-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-fullhd { margin-left: 66.66667%; } .column.is-9-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-fullhd { margin-left: 83.33333%; } .column.is-11-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-fullhd { margin-left: 91.66667%; } .column.is-12-fullhd { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-fullhd { @@ -9541,9 +8577,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 { @@ -9566,34 +8600,25 @@ label.panel-block:hover { } .columns.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .columns.is-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-vcentered { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .columns.is-desktop { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @@ -9645,20 +8670,104 @@ label.panel-block:hover { --columnGap: 2rem; } +.grid { + display: grid; + grid-column-gap: 0.75rem; + grid-column-gap: 1px; + grid-row-gap: 0.75rem; + grid-row-gap: 1px; +} + +.grid:not(:last-child) { + margin-bottom: 1.5rem; +} + +.grid.has-2-columns { + grid-template-columns: 1fr 1fr; +} + +.grid.has-3-columns { + grid-template-columns: 1fr 1fr 1fr; +} + +.grid.has-4-columns { + grid-template-columns: 1fr 1fr 1fr 1fr; +} + +.grid.has-5-columns { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; +} + +.grid.has-6-columns { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; +} + +.cell { + background-color: #00d1b2; + border-radius: 5px; + color: #fff; + padding: 1rem; +} + +.cell.is-1-wide { + grid-column: span 1; +} + +.cell.is-2-wide { + grid-column: span 2; +} + +.cell.is-3-wide { + grid-column: span 3; +} + +.cell.is-4-wide { + grid-column: span 4; +} + +.cell.is-5-wide { + grid-column: span 5; +} + +.cell.is-6-wide { + grid-column: span 6; +} + +.cell:nth-child(7n-6) { + background-color: #b86bff; +} + +.cell:nth-child(7n-5) { + background-color: #3273dc; +} + +.cell:nth-child(7n-4) { + background-color: #209cee; +} + +.cell:nth-child(7n-3) { + background-color: #00d1b2; +} + +.cell:nth-child(7n-2) { + background-color: #23d160; +} + +.cell:nth-child(7n-1) { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.cell:nth-child(7n) { + background-color: #ff3860; +} + .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; } @@ -9685,10 +8794,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) { @@ -9697,98 +8803,63 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .tile:not(.is-child) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .tile.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .tile.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .tile.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .tile.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .tile.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .tile.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .tile.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .tile.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .tile.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .tile.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .tile.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .tile.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } } .hero { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + flex-direction: column; + justify-content: space-between; } .hero .navbar { @@ -10599,20 +9670,13 @@ label.panel-block:hover { } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; } .hero.is-halfheight { @@ -10638,8 +9702,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 { @@ -10658,8 +9721,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) { @@ -10669,12 +9730,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; @@ -10683,19 +9740,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; } @@ -10986,15 +10037,9 @@ svg { } #carboncontainer { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-left: auto; margin-right: auto; max-width: 340px; @@ -11002,17 +10047,14 @@ svg { } #carbon { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; min-height: 130px; padding: 0; position: relative; } #carbon:hover { - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; } @media screen and (min-width: 769px), print { @@ -11105,13 +10147,9 @@ svg { background: #242424; border-radius: 5px; color: white; - display: -webkit-box; - display: -ms-flexbox; display: flex; font-size: 15px; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; line-height: 20px; padding: 15px 25px; position: relative; @@ -11185,41 +10223,23 @@ svg { opacity: 1; } -@-webkit-keyframes introSpinner { - from { - opacity: 0; - -webkit-transform: scale(1.14); - transform: scale(1.14); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes introSpinner { from { opacity: 0; - -webkit-transform: scale(1.14); - transform: scale(1.14); + transform: scale(1.14); } to { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } .intro-spinner, .intro-shadow { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; + animation-duration: 500ms; animation-easing-function: ease-out; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-transform-origin: center; - transform-origin: center; + animation-fill-mode: both; + transform-origin: center; } .intro-spinner { @@ -11228,13 +10248,11 @@ svg { position: absolute; right: 0; top: 0; - -webkit-animation-name: introSpinner; - animation-name: introSpinner; + animation-name: introSpinner; } .intro-spinner::before { - -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; @@ -11253,29 +10271,14 @@ svg { width: 1.5em; } -@-webkit-keyframes introShadow { - from { - opacity: 0; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes introShadow { 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); + transform: scale(1); } } @@ -11289,19 +10292,15 @@ svg { background-position: center center; background-repeat: no-repeat; background-size: cover; - -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; + box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); + animation-name: introShadow; } .intro-iframe { opacity: 0; padding-top: 56.25%; position: relative; - -webkit-transition-duration: 500ms; - transition-duration: 500ms; - -webkit-transition-property: opacity; + transition-duration: 500ms; transition-property: opacity; } @@ -11330,7 +10329,6 @@ svg { .intro-author span { opacity: 0.5; - -webkit-transition: 100ms opacity; transition: 100ms opacity; } @@ -11340,8 +10338,6 @@ svg { @media screen and (max-width: 768px) { .intro-buttons .button { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } @@ -11355,15 +10351,9 @@ svg { font-size: 2.25rem; } .intro-buttons { - -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: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } } @@ -11376,12 +10366,8 @@ svg { @media screen and (min-width: 1024px) { .intro-columns { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .intro-column { width: calc(50% - 1.5rem); @@ -11469,9 +10455,7 @@ svg { white-space: normal; } #moreDropdown .navbar-item .level { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } } @@ -11501,17 +10485,10 @@ svg { } #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; max-width: 400px; } @@ -11540,11 +10517,7 @@ svg { } #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; } @@ -11557,21 +10530,15 @@ svg { #newsletter .input { border-color: white; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } #sister ul { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } #sister li { - display: -webkit-box; - display: -ms-flexbox; display: flex; height: 30px; margin: 5px 1rem 0 0; @@ -11604,7 +10571,6 @@ svg { } .bd-special-shadow { - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent); height: 8px; left: 0; @@ -11612,10 +10578,8 @@ svg { position: absolute; right: 0; top: 100%; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: center top; - transform-origin: center top; + transform: scaleY(0); + transform-origin: center top; } @media screen and (max-width: 1023px) { @@ -11630,8 +10594,7 @@ svg { .bd-color { border-radius: 2px; - -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); display: inline-block; float: left; height: 24px; @@ -11761,18 +10724,15 @@ svg { } .bd-article-image:hover .bd-article-icon { - -webkit-transform: scale(1.4); - transform: scale(1.4); + transform: scale(1.4); } .bd-article-image:hover .bd-article-date { - -webkit-transform: scale(0.9); - transform: scale(0.9); + transform: scale(0.9); } .bd-article-image:hover .bd-article-title { - -webkit-transform: scale(1.1); - transform: scale(1.1); + transform: scale(1.1); } .bd-article-image.is-single { @@ -11794,12 +10754,9 @@ svg { top: 0; background-color: #0a0a0a; opacity: 0; - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: opacity; + transition-duration: 86ms; transition-property: opacity; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon, @@ -11809,28 +10766,17 @@ svg { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-article-icon, .bd-article-date, .bd-article-title { - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; + transition-duration: 86ms; transition-property: transform; - transition-property: transform, -webkit-transform; - -webkit-transition-timing-function: ease-out; - transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon { @@ -12035,11 +10981,7 @@ svg { .bd-snippet::before { content: "Snippet"; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } @@ -12061,8 +11003,6 @@ svg { } .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -12081,17 +11021,11 @@ svg { @media screen and (min-width: 1024px) { .bd-snippet.bd-is-vertical { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; border-radius: 5px; border-top-left-radius: 0; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-snippet.bd-is-vertical .bd-snippet-preview, .bd-snippet.bd-is-vertical .bd-snippet-code { @@ -12100,53 +11034,32 @@ 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 { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; border-radius: 0 5px 5px 0; - 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; } .bd-snippet.bd-is-vertical .bd-snippet-code .highlight, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight .language-html { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre { white-space: pre; } .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-preview { - -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; width: calc(128px + 3rem); } .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-code { width: calc(100% - 128px - 3rem); } .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-preview { - -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; width: calc(256px + 3rem); } .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-code { @@ -12162,8 +11075,7 @@ svg { .highlight.bd-is-hovering { border-radius: 2px; - -webkit-box-shadow: 0 0 0 2px #ffdd57; - box-shadow: 0 0 0 2px #ffdd57; + box-shadow: 0 0 0 2px #ffdd57; } .highlight pre { @@ -12217,18 +11129,12 @@ svg { 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; } @@ -12238,12 +11144,8 @@ svg { } .bd-structure-item.bd-is-structure-container:after { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + align-items: flex-start; + justify-content: flex-start; padding: 0.5rem 0.75rem; } @@ -12275,8 +11177,7 @@ svg { .highlight .bd-copy:focus, .highlight .bd-copy:active, .highlight .bd-expand:focus, .highlight .bd-expand:active { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .highlight .bd-expand { @@ -12289,18 +11190,14 @@ svg { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: 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; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; width: 100%; } @@ -12438,8 +11335,7 @@ svg { #_default_ > a { background-color: white; border-radius: 5px; - -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; line-height: 1.375; @@ -12451,13 +11347,11 @@ svg { } #_default_ > a:hover, #_default_ > a:focus { - -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; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } #_default_ > a:active { - -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; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } #_default_ > a span { @@ -12498,12 +11392,8 @@ svg { 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 { @@ -12570,11 +11460,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-tws-home { background-color: whitesmoke; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; overflow: auto; padding: 20px; } @@ -12584,32 +11471,21 @@ html.route-index .hero.is-primary a.column:hover .title strong { border: 1px solid #e1e8ed; border-radius: 5px; color: #697882; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; font-size: 16px; padding: 20px; } .bd-tw-header { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .bd-tw-author { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; color: #1c2022; - display: -webkit-box; - display: -ms-flexbox; display: flex; line-height: 1.2; } @@ -12619,8 +11495,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-tw-avatar { - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; height: 36px; margin-right: 9px; width: 36px; @@ -12679,11 +11554,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .Tweet-actions { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; margin-top: 8.4px; } @@ -12693,11 +11564,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .TweetAction { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; height: 24px; min-width: 24px; @@ -12777,11 +11644,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { min-height: 595px; } .bd-tws-love { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; margin: -0.75rem; } .bd-tws-love .bd-tw { @@ -12852,15 +11716,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-website-image { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-bottom: 1.5rem; position: relative; } @@ -12875,7 +11733,6 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-website-image .b-lazy { opacity: 0; - -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; } @@ -12885,14 +11742,12 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-website-shadow { border: 1px solid rgba(0, 0, 0, 0.04); - -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .bd-website-overlay { background-color: #0a0a0a; opacity: 0; - -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } @@ -12908,14 +11763,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding-top: 3rem; } .bd-websites { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + flex-wrap: wrap; + justify-content: space-between; } .bd-website { margin-top: 3rem; @@ -12941,15 +11791,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-testimonial { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-testimonial-tweet { @@ -12957,15 +11801,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-top: 1.5rem; text-align: center; } @@ -12976,17 +11814,12 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves .button span { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transition: -webkit-transform 86ms ease-out; - transition: -webkit-transform 86ms ease-out; + transform-origin: center center; transition: transform 86ms ease-out; - transition: transform 86ms ease-out, -webkit-transform 86ms ease-out; } .bd-more-loves .button:hover span { - -webkit-transform: scale(1.04); - transform: scale(1.04); + transform: scale(1.04); } @media screen and (max-width: 768px) { @@ -13026,8 +11859,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-rainbow { - -webkit-animation: rainbow 8s ease infinite; - animation: rainbow 8s ease infinite; + animation: rainbow 8s ease infinite; background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc); background-size: 800% 800%; } @@ -13037,18 +11869,6 @@ html.route-index .hero.is-primary a.column:hover .title strong { color: white; } -@-webkit-keyframes rainbow { - 0% { - background-position: 1% 80%; - } - 50% { - background-position: 99% 20%; - } - 100% { - background-position: 1% 80%; - } -} - @keyframes rainbow { 0% { background-position: 1% 80%; @@ -13062,15 +11882,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-hug { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } @media screen and (max-width: 768px) { @@ -13099,15 +11913,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding: 3rem 1.5rem; } .bd-embrace { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .bd-embrace:not(:first-child) { margin-top: 3rem; @@ -13119,11 +11927,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { margin-left: 1.5rem; } .bd-hugs { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; padding-bottom: 3rem; } .bd-hug { @@ -13274,17 +12079,10 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-klmn-gaps { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: flex-start; margin-bottom: 1.25rem; } @@ -13316,15 +12114,9 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-banner { - -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; overflow: hidden; padding: 1rem; position: relative; @@ -13349,19 +12141,13 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-banner .button { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; + transform-origin: center; + transition-duration: 86ms; transition-property: transform; - transition-property: transform, -webkit-transform; } .bd-banner:hover .button { - -webkit-transform: scale(1.1); - transform: scale(1.1); + transform: scale(1.1); } .bd-banner-background { @@ -13384,8 +12170,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-banner-button { display: inline-block; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; height: 34px; position: relative; width: 145px; @@ -13406,26 +12191,14 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-sponsors { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .bd-sponsors a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-right: 3rem; width: 150px; } - -/*# sourceMappingURL=bulma-docs.css.map */ \ No newline at end of file diff --git a/docs/grid.html b/docs/grid.html new file mode 100644 index 000000000..9d09bcd76 --- /dev/null +++ b/docs/grid.html @@ -0,0 +1,183 @@ +--- +--- + + + + {% include head.html %} + +
+ +
+
+ Header +
+
+ Side +
+
+ Main: Donec orci arcu, consectetur quis justo vel, dapibus laoreet tellus. In non nunc sed risus commodo porta non quis arcu. Praesent ornare ante vel placerat porta. Sed interdum lacus id gravida tempor. Proin rhoncus, sapien in dictum molestie, massa lorem vestibulum elit, a efficitur nibh odio id nisl. Morbi venenatis enim sed quam commodo, vel viverra libero tempus. Etiam aliquet, erat non vulputate pellentesque, sapien lorem auctor nibh, sed tempus orci tortor id ex. Cras gravida quis arcu id sagittis. Proin vitae elit sit amet odio vehicula fringilla ut vitae urna. Sed mollis ornare mauris, quis aliquam elit facilisis id. Donec ante dolor, iaculis a laoreet ac, sollicitudin sed tortor. Donec posuere, arcu sed elementum elementum, nunc tellus ultrices erat, eget malesuada erat orci nec nulla. Cras vehicula arcu interdum, bibendum libero vitae, tincidunt erat. Cras ut lectus quis quam tempor dictum sit amet vel orci. +
+
+ Footer +
+
+ +

2 columns

+
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ +

3 columns

+
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ +

4 columns

+
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ +

5 columns

+
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ +

6 columns

+
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ Cell +
+
+ +
+ + + diff --git a/docs/lib/grid.js b/docs/lib/grid.js new file mode 100644 index 000000000..8df4a0a95 --- /dev/null +++ b/docs/lib/grid.js @@ -0,0 +1,17 @@ +'use strict'; + +document.addEventListener('DOMContentLoaded', function () { + + var $cells = getAll('.cell'); + + $cells.forEach(function (el) { + var parentWidth = el.parentElement.offsetWidth; + var percentage = el.offsetWidth / parentWidth * 100; + el.append('' + Math.round(percentage)); + }); + + // Functions + function getAll(selector) { + return Array.prototype.slice.call(document.querySelectorAll(selector), 0); + } +}); \ No newline at end of file diff --git a/docs/lib/main.js b/docs/lib/main.js index 739427b79..5e86620e7 100644 --- a/docs/lib/main.js +++ b/docs/lib/main.js @@ -111,7 +111,7 @@ document.addEventListener('DOMContentLoaded', function () { var $parent = $el.parentNode; if ($parent && $parent.classList.contains('bd-is-more')) { - var showEl = ''; + var showEl = ''; $el.insertAdjacentHTML('beforeend', showEl); } else if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) { $el.insertAdjacentHTML('beforeend', expandEl); diff --git a/docs/lib/navbar.js b/docs/lib/navbar.js index bd3404d85..dd33795ef 100644 --- a/docs/lib/navbar.js +++ b/docs/lib/navbar.js @@ -14,12 +14,12 @@ document.addEventListener('DOMContentLoaded', function () { if (fixedBottom) { fixBottomEl.className = 'button is-success'; - fixBottomElIcon.className = 'fa fa-check-square-o'; + fixBottomElIcon.className = 'far fa-check-square'; rootEl.classList.add('has-navbar-fixed-bottom'); navbarBottomEl.classList.remove('is-hidden'); } else { fixBottomEl.className = 'button is-link'; - fixBottomElIcon.className = 'fa fa-square-o'; + fixBottomElIcon.className = 'far fa-square'; rootEl.classList.remove('has-navbar-fixed-bottom'); navbarBottomEl.classList.add('is-hidden'); } diff --git a/sass/grid/_all.sass b/sass/grid/_all.sass index e53070f6c..fc2574ff1 100644 --- a/sass/grid/_all.sass +++ b/sass/grid/_all.sass @@ -1,4 +1,5 @@ @charset "utf-8" @import "columns.sass" +@import "grid.sass" @import "tiles.sass" diff --git a/sass/grid/grid.sass b/sass/grid/grid.sass new file mode 100644 index 000000000..46d81e303 --- /dev/null +++ b/sass/grid/grid.sass @@ -0,0 +1,39 @@ +.grid + +block + display: grid + grid-column-gap: 0.75rem + grid-column-gap: 1px + grid-row-gap: 0.75rem + grid-row-gap: 1px + $var: #{"1fr"} + @for $i from 1 through 5 + &.has-#{$i + 1}-columns + grid-template-columns: #{append($var, 1fr)} + $var: append($var, #{"1fr"}) + +.cell + background-color: $primary + border-radius: $radius-large + color: $link-invert + padding: 1rem + + @for $i from 1 through 6 + &.is-#{$i}-wide + grid-column: span $i + + // Colors + &:nth-child(7n-6) + background-color: $purple + &:nth-child(7n-5) + background-color: $link + &:nth-child(7n-4) + background-color: $info + &:nth-child(7n-3) + background-color: $primary + &:nth-child(7n-2) + background-color: $success + &:nth-child(7n-1) + background-color: $warning + color: $warning-invert + &:nth-child(7n) + background-color: $danger