diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 76ce999e..fae0a858 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -1,11 +1,23 @@ @charset "UTF-8"; /*! bulma.io v0.6.0 | MIT License | github.com/jgthms/bulma */ -@keyframes spinAround { +@-webkit-keyframes spinAround { from { - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } to { - transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } @@ -59,15 +71,18 @@ textarea { } html { - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } * { - box-sizing: inherit; + -webkit-box-sizing: inherit; + box-sizing: inherit; } *:before, *:after { - box-sizing: inherit; + -webkit-box-sizing: inherit; + box-sizing: inherit; } img, @@ -102,7 +117,10 @@ html { overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; - text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; } article, @@ -852,59 +870,79 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-flex { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } @media screen and (max-width: 768px) { .is-flex-mobile { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px), print { .is-flex-tablet { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 1023px) { .is-flex-touch { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) { .is-flex-desktop { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) { .is-flex-widescreen { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1408px) { .is-flex-fullhd { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @@ -1026,59 +1064,79 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-inline-flex { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px), print { .is-inline-flex-tablet { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 1023px) { .is-inline-flex-touch { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) { .is-inline-flex-desktop { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) { .is-inline-flex-widescreen { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1408px) { .is-inline-flex-fullhd { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @@ -1212,7 +1270,8 @@ a.has-text-danger:hover, a.has-text-danger:focus { } .is-shadowless { - box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; } .is-unselectable { @@ -1226,7 +1285,8 @@ a.has-text-danger:hover, a.has-text-danger:focus { .box { background-color: white; border-radius: 5px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; padding: 1.25rem; @@ -1237,24 +1297,33 @@ a.has-text-danger:hover, a.has-text-danger:focus { } a.box:hover, a.box:focus { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } a.box:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } .button { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -1271,7 +1340,9 @@ a.box:active { border-color: #dbdbdb; color: #363636; cursor: pointer; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; text-align: center; @@ -1321,7 +1392,8 @@ a.box:active { } .button:focus:not(:active), .button.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .button:active, .button.is-active { @@ -1349,7 +1421,8 @@ a.box:active { .button.is-text[disabled] { background-color: transparent; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-white { @@ -1370,7 +1443,8 @@ a.box:active { } .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .button.is-white:active, .button.is-white.is-active { @@ -1382,7 +1456,8 @@ a.box:active { .button.is-white[disabled] { background-color: white; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-white.is-inverted { @@ -1397,7 +1472,8 @@ a.box:active { .button.is-white.is-inverted[disabled] { background-color: #0a0a0a; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: white; } @@ -1424,7 +1500,8 @@ a.box:active { .button.is-white.is-outlined[disabled] { background-color: transparent; border-color: white; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: white; } @@ -1442,7 +1519,8 @@ a.box:active { .button.is-white.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1464,7 +1542,8 @@ a.box:active { } .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .button.is-black:active, .button.is-black.is-active { @@ -1476,7 +1555,8 @@ a.box:active { .button.is-black[disabled] { background-color: #0a0a0a; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-black.is-inverted { @@ -1491,7 +1571,8 @@ a.box:active { .button.is-black.is-inverted[disabled] { background-color: white; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1518,7 +1599,8 @@ a.box:active { .button.is-black.is-outlined[disabled] { background-color: transparent; border-color: #0a0a0a; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #0a0a0a; } @@ -1536,7 +1618,8 @@ a.box:active { .button.is-black.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: white; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: white; } @@ -1558,7 +1641,8 @@ a.box:active { } .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .button.is-light:active, .button.is-light.is-active { @@ -1570,7 +1654,8 @@ a.box:active { .button.is-light[disabled] { background-color: whitesmoke; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-light.is-inverted { @@ -1585,7 +1670,8 @@ a.box:active { .button.is-light.is-inverted[disabled] { background-color: #363636; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1612,7 +1698,8 @@ a.box:active { .button.is-light.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1630,7 +1717,8 @@ a.box:active { .button.is-light.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #363636; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #363636; } @@ -1652,7 +1740,8 @@ a.box:active { } .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .button.is-dark:active, .button.is-dark.is-active { @@ -1664,7 +1753,8 @@ a.box:active { .button.is-dark[disabled] { background-color: #363636; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-dark.is-inverted { @@ -1679,7 +1769,8 @@ a.box:active { .button.is-dark.is-inverted[disabled] { background-color: whitesmoke; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #363636; } @@ -1706,7 +1797,8 @@ a.box:active { .button.is-dark.is-outlined[disabled] { background-color: transparent; border-color: #363636; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #363636; } @@ -1724,7 +1816,8 @@ a.box:active { .button.is-dark.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: whitesmoke; } @@ -1746,7 +1839,8 @@ a.box:active { } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .button.is-primary:active, .button.is-primary.is-active { @@ -1758,7 +1852,8 @@ a.box:active { .button.is-primary[disabled] { background-color: #00d1b2; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-primary.is-inverted { @@ -1773,7 +1868,8 @@ a.box:active { .button.is-primary.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1800,7 +1896,8 @@ a.box:active { .button.is-primary.is-outlined[disabled] { background-color: transparent; border-color: #00d1b2; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #00d1b2; } @@ -1818,7 +1915,8 @@ a.box:active { .button.is-primary.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -1840,7 +1938,8 @@ a.box:active { } .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .button.is-link:active, .button.is-link.is-active { @@ -1852,7 +1951,8 @@ a.box:active { .button.is-link[disabled] { background-color: #3273dc; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-link.is-inverted { @@ -1867,7 +1967,8 @@ a.box:active { .button.is-link.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -1894,7 +1995,8 @@ a.box:active { .button.is-link.is-outlined[disabled] { background-color: transparent; border-color: #3273dc; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #3273dc; } @@ -1912,7 +2014,8 @@ a.box:active { .button.is-link.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -1934,7 +2037,8 @@ a.box:active { } .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .button.is-info:active, .button.is-info.is-active { @@ -1946,7 +2050,8 @@ a.box:active { .button.is-info[disabled] { background-color: #209cee; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-info.is-inverted { @@ -1961,7 +2066,8 @@ a.box:active { .button.is-info.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #209cee; } @@ -1988,7 +2094,8 @@ a.box:active { .button.is-info.is-outlined[disabled] { background-color: transparent; border-color: #209cee; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #209cee; } @@ -2006,7 +2113,8 @@ a.box:active { .button.is-info.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -2028,7 +2136,8 @@ a.box:active { } .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .button.is-success:active, .button.is-success.is-active { @@ -2040,7 +2149,8 @@ a.box:active { .button.is-success[disabled] { background-color: #23d160; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-success.is-inverted { @@ -2055,7 +2165,8 @@ a.box:active { .button.is-success.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2082,7 +2193,8 @@ a.box:active { .button.is-success.is-outlined[disabled] { background-color: transparent; border-color: #23d160; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #23d160; } @@ -2100,7 +2212,8 @@ a.box:active { .button.is-success.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -2122,7 +2235,8 @@ a.box:active { } .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .button.is-warning:active, .button.is-warning.is-active { @@ -2134,7 +2248,8 @@ a.box:active { .button.is-warning[disabled] { background-color: #ffdd57; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-warning.is-inverted { @@ -2149,7 +2264,8 @@ a.box:active { .button.is-warning.is-inverted[disabled] { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2176,7 +2292,8 @@ a.box:active { .button.is-warning.is-outlined[disabled] { background-color: transparent; border-color: #ffdd57; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ffdd57; } @@ -2194,7 +2311,8 @@ a.box:active { .button.is-warning.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: rgba(0, 0, 0, 0.7); } @@ -2216,7 +2334,8 @@ a.box:active { } .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .button.is-danger:active, .button.is-danger.is-active { @@ -2228,7 +2347,8 @@ a.box:active { .button.is-danger[disabled] { background-color: #ff3860; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .button.is-danger.is-inverted { @@ -2243,7 +2363,8 @@ a.box:active { .button.is-danger.is-inverted[disabled] { background-color: #fff; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2270,7 +2391,8 @@ a.box:active { .button.is-danger.is-outlined[disabled] { background-color: transparent; border-color: #ff3860; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #ff3860; } @@ -2288,7 +2410,8 @@ a.box:active { .button.is-danger.is-inverted.is-outlined[disabled] { background-color: transparent; border-color: #fff; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #fff; } @@ -2308,11 +2431,14 @@ a.box:active { .button[disabled] { background-color: white; border-color: #dbdbdb; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; opacity: 0.5; } .button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; display: flex; width: 100%; } @@ -2323,7 +2449,8 @@ a.box:active { } .button.is-loading:after { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -2343,7 +2470,8 @@ a.box:active { background-color: whitesmoke; border-color: #dbdbdb; color: #7a7a7a; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; pointer-events: none; } @@ -2584,14 +2712,21 @@ a.box:active { .textarea { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -2602,7 +2737,8 @@ a.box:active { background-color: white; border-color: #dbdbdb; color: #363636; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); max-width: 100%; width: 100%; } @@ -2652,14 +2788,16 @@ a.box:active { .textarea:active, .textarea.is-active { border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .input[disabled], .textarea[disabled] { background-color: whitesmoke; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -2690,7 +2828,8 @@ a.box:active { .input[readonly], .textarea[readonly] { - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .input.is-white, @@ -2703,7 +2842,8 @@ a.box:active { .textarea.is-white.is-focused, .textarea.is-white:active, .textarea.is-white.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .input.is-black, @@ -2716,7 +2856,8 @@ a.box:active { .textarea.is-black.is-focused, .textarea.is-black:active, .textarea.is-black.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .input.is-light, @@ -2729,7 +2870,8 @@ a.box:active { .textarea.is-light.is-focused, .textarea.is-light:active, .textarea.is-light.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .input.is-dark, @@ -2742,7 +2884,8 @@ a.box:active { .textarea.is-dark.is-focused, .textarea.is-dark:active, .textarea.is-dark.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .input.is-primary, @@ -2755,7 +2898,8 @@ a.box:active { .textarea.is-primary.is-focused, .textarea.is-primary:active, .textarea.is-primary.is-active { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .input.is-link, @@ -2768,7 +2912,8 @@ a.box:active { .textarea.is-link.is-focused, .textarea.is-link:active, .textarea.is-link.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .input.is-info, @@ -2781,7 +2926,8 @@ a.box:active { .textarea.is-info.is-focused, .textarea.is-info:active, .textarea.is-info.is-active { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .input.is-success, @@ -2794,7 +2940,8 @@ a.box:active { .textarea.is-success.is-focused, .textarea.is-success:active, .textarea.is-success.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .input.is-warning, @@ -2807,7 +2954,8 @@ a.box:active { .textarea.is-warning.is-focused, .textarea.is-warning:active, .textarea.is-warning.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .input.is-danger, @@ -2820,7 +2968,8 @@ a.box:active { .textarea.is-danger.is-focused, .textarea.is-danger:active, .textarea.is-danger.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .input.is-small, @@ -2854,7 +3003,8 @@ a.box:active { .input.is-static { background-color: transparent; border-color: transparent; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; padding-left: 0; padding-right: 0; } @@ -2928,7 +3078,8 @@ a.box:active { height: 0.5em; pointer-events: none; position: absolute; - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); width: 0.5em; margin-top: -0.375em; right: 1.125em; @@ -2939,14 +3090,21 @@ a.box:active { .select select { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -2994,13 +3152,15 @@ a.box:active { .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .select select[disabled] { background-color: whitesmoke; border-color: whitesmoke; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #7a7a7a; } @@ -3050,7 +3210,8 @@ a.box:active { } .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black select { @@ -3058,7 +3219,8 @@ a.box:active { } .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } .select.is-light select { @@ -3066,7 +3228,8 @@ a.box:active { } .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } .select.is-dark select { @@ -3074,7 +3237,8 @@ a.box:active { } .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .select.is-primary select { @@ -3082,7 +3246,8 @@ a.box:active { } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); } .select.is-link select { @@ -3090,7 +3255,8 @@ a.box:active { } .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .select.is-info select { @@ -3098,7 +3264,8 @@ a.box:active { } .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } .select.is-success select { @@ -3106,7 +3273,8 @@ a.box:active { } .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } .select.is-warning select { @@ -3114,7 +3282,8 @@ a.box:active { } .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } .select.is-danger select { @@ -3122,7 +3291,8 @@ a.box:active { } .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } .select.is-small { @@ -3151,7 +3321,8 @@ a.box:active { } .select.is-loading::after { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -3165,7 +3336,8 @@ a.box:active { position: absolute; right: 0.625em; top: 0.625em; - transform: none; + -webkit-transform: none; + transform: none; } .select.is-loading.is-small:after { @@ -3186,9 +3358,15 @@ a.box:active { -moz-user-select: none; -ms-user-select: none; user-select: none; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; position: relative; } @@ -3206,7 +3384,8 @@ a.box:active { .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #0a0a0a; } @@ -3230,7 +3409,8 @@ a.box:active { .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); color: white; } @@ -3254,7 +3434,8 @@ a.box:active { .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); color: #363636; } @@ -3278,7 +3459,8 @@ a.box:active { .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); color: whitesmoke; } @@ -3302,7 +3484,8 @@ a.box:active { .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); color: #fff; } @@ -3326,7 +3509,8 @@ a.box:active { .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); color: #fff; } @@ -3350,7 +3534,8 @@ a.box:active { .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); color: #fff; } @@ -3374,7 +3559,8 @@ a.box:active { .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); color: #fff; } @@ -3398,7 +3584,8 @@ a.box:active { .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(0, 0, 0, 0.7); } @@ -3422,7 +3609,8 @@ a.box:active { .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); color: #fff; } @@ -3463,19 +3651,29 @@ a.box:active { } .file.is-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .file.is-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .file.is-boxed .file-label { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } .file.is-boxed .file-cta { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; height: auto; padding: 1em 3em; } @@ -3521,7 +3719,9 @@ a.box:active { .file.is-right .file-name { border-radius: 3px 0 0 3px; border-width: 1px 0 1px 1px; - order: -1; + -webkit-box-ordinal-group: 0; + -ms-flex-order: -1; + order: -1; } .file.is-fullwidth .file-label { @@ -3529,15 +3729,23 @@ a.box:active { } .file.is-fullwidth .file-name { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; max-width: none; } .file-label { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; cursor: pointer; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; overflow: hidden; position: relative; } @@ -3573,14 +3781,21 @@ a.box:active { .file-name { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -3626,10 +3841,16 @@ a.box:active { } .file-icon { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; height: 1em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-right: 0.5em; width: 1em; } @@ -3712,8 +3933,12 @@ a.box:active { } .field.has-addons { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .field.has-addons .control:not(:last-child) { @@ -3773,29 +3998,43 @@ a.box:active { } .field.has-addons .control.is-expanded { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .field.has-addons.has-addons-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .field.has-addons.has-addons-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .field.is-grouped { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .field.is-grouped > .control { - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { @@ -3804,20 +4043,28 @@ a.box:active { } .field.is-grouped > .control.is-expanded { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .field.is-grouped.is-grouped-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .field.is-grouped.is-grouped-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { @@ -3834,6 +4081,8 @@ a.box:active { @media screen and (min-width: 769px), print { .field.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } @@ -3850,9 +4099,13 @@ a.box:active { @media screen and (min-width: 769px), print { .field-label { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; margin-right: 1.5rem; text-align: right; } @@ -3879,19 +4132,28 @@ a.box:active { @media screen and (min-width: 769px), print { .field-body { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: 0; - flex-grow: 5; - flex-shrink: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { - flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .field-body > .field:not(.is-narrow) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; @@ -3999,7 +4261,8 @@ a.box:active { } .control.is-loading::after { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -4027,9 +4290,15 @@ a.box:active { } .icon { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; height: 1.5rem; width: 1.5rem; } @@ -4496,10 +4765,17 @@ a.box:active { } .tags { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .tags .tag { @@ -4533,14 +4809,20 @@ a.box:active { } .tag:not(body) { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: whitesmoke; border-radius: 3px; color: #4a4a4a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 0.75rem; height: 2em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; @@ -4624,8 +4906,10 @@ a.box:active { left: 50%; position: absolute; top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; } .tag:not(body).is-delete:before { @@ -4785,8 +5069,11 @@ a.tag:hover { border-radius: 290486px; cursor: pointer; display: inline-block; - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; font-size: 1rem; height: 20px; max-height: 20px; @@ -4806,8 +5093,10 @@ a.tag:hover { left: 50%; position: absolute; top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; } .delete:before { @@ -4880,7 +5169,8 @@ a.tag:hover { } .loader { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -4893,13 +5183,19 @@ a.tag:hover { } .number { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1.25rem; height: 2em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; @@ -4913,7 +5209,11 @@ a.tag:hover { -moz-user-select: none; -ms-user-select: none; user-select: none; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 1rem; overflow: hidden; @@ -4926,10 +5226,16 @@ a.tag:hover { } .breadcrumb a { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #3273dc; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 0.5em 0.75em; } @@ -4938,7 +5244,11 @@ a.tag:hover { } .breadcrumb li { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -4958,11 +5268,20 @@ a.tag:hover { } .breadcrumb ul, .breadcrumb ol { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .breadcrumb .icon:first-child { @@ -4974,11 +5293,15 @@ a.tag:hover { } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .breadcrumb.is-small { @@ -5011,36 +5334,56 @@ a.tag:hover { .card { background-color: white; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; max-width: 100%; position: relative; } .card-header { - align-items: stretch; - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + display: -webkit-box; + display: -ms-flexbox; display: flex; } .card-header-title { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #363636; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; font-weight: 700; padding: 0.75rem; } .card-header-title.is-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .card-header-icon { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 0.75rem; } @@ -5055,17 +5398,31 @@ a.tag:hover { .card-footer { border-top: 1px solid #dbdbdb; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .card-footer-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: center; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 0.75rem; } @@ -5078,6 +5435,8 @@ a.tag:hover { } .dropdown { + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; position: relative; vertical-align: top; @@ -5112,7 +5471,8 @@ a.tag:hover { .dropdown-content { background-color: white; border-radius: 3px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); padding-bottom: 0.5rem; padding-top: 0.5rem; } @@ -5150,8 +5510,12 @@ a.dropdown-item.is-active { } .level { - align-items: center; - justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .level:not(:last-child) { @@ -5168,11 +5532,15 @@ a.dropdown-item.is-active { } .level.is-mobile { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .level.is-mobile .level-left, .level.is-mobile .level-right { + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -5189,25 +5557,41 @@ a.dropdown-item.is-active { } .level.is-mobile .level-item:not(.is-narrow) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { .level { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .level > .level-item:not(.is-narrow) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } } .level-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - justify-content: center; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .level-item .title, @@ -5223,14 +5607,20 @@ a.dropdown-item.is-active { .level-left, .level-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } @media screen and (min-width: 769px), print { @@ -5241,8 +5631,12 @@ a.dropdown-item.is-active { } .level-left { - align-items: center; - justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } @media screen and (max-width: 768px) { @@ -5253,23 +5647,35 @@ a.dropdown-item.is-active { @media screen and (min-width: 769px), print { .level-left { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } .level-right { - align-items: center; - justify-content: flex-end; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } .media { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; display: flex; text-align: left; } @@ -5280,6 +5686,8 @@ a.dropdown-item.is-active { .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); + display: -webkit-box; + display: -ms-flexbox; display: flex; padding-top: 0.75rem; } @@ -5310,9 +5718,13 @@ a.dropdown-item.is-active { .media-left, .media-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .media-left { @@ -5324,9 +5736,13 @@ a.dropdown-item.is-active { } .media-content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; text-align: left; } @@ -5560,20 +5976,29 @@ a.dropdown-item.is-active { } .message-header { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: #4a4a4a; border-radius: 3px 3px 0 0; color: #fff; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; line-height: 1.25; padding: 0.5em 0.75em; position: relative; } .message-header .delete { - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; margin-left: 0.75em; } @@ -5605,15 +6030,21 @@ a.dropdown-item.is-active { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; display: none; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; overflow: hidden; position: fixed; z-index: 20; } .modal.is-active { + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -5657,8 +6088,11 @@ a.dropdown-item.is-active { border-radius: 290486px; cursor: pointer; display: inline-block; - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; font-size: 1rem; height: 20px; max-height: 20px; @@ -5684,8 +6118,10 @@ a.dropdown-item.is-active { left: 50%; position: absolute; top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; } .modal-close:before { @@ -5734,19 +6170,31 @@ a.dropdown-item.is-active { } .modal-card { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-shrink: 0; - justify-content: flex-start; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 20px; position: relative; } @@ -5759,8 +6207,11 @@ a.dropdown-item.is-active { .modal-card-title { color: #363636; - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; font-size: 1.5rem; line-height: 1; } @@ -5778,8 +6229,11 @@ a.dropdown-item.is-active { .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -6321,21 +6775,31 @@ a.dropdown-item.is-active { } .navbar > .container { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } .navbar-brand, .navbar-tabs { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; min-height: 3.25rem; } @@ -6363,8 +6827,12 @@ a.dropdown-item.is-active { margin-left: -7px; position: absolute; top: 50%; + -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; + -webkit-transition-property: background, left, opacity, -webkit-transform; + transition-property: background, left, opacity, -webkit-transform; transition-property: background, left, opacity, transform; + transition-property: background, left, opacity, transform, -webkit-transform; width: 15px; } @@ -6386,8 +6854,10 @@ a.dropdown-item.is-active { .navbar-burger.is-active span:nth-child(1) { margin-left: -5px; - transform: rotate(45deg); - transform-origin: left top; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; } .navbar-burger.is-active span:nth-child(2) { @@ -6396,8 +6866,10 @@ a.dropdown-item.is-active { .navbar-burger.is-active span:nth-child(3) { margin-left: -5px; - transform: rotate(-45deg); - transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; } .navbar-menu { @@ -6421,8 +6893,11 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-item { - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .navbar-item img { @@ -6454,8 +6929,11 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-content { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .navbar-link { @@ -6487,12 +6965,17 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .navbar-menu { background-color: white; - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { @@ -6505,7 +6988,11 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar-menu, .navbar-start, .navbar-end { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .navbar { @@ -6532,11 +7019,17 @@ a.navbar-item:hover, a.navbar-item.is-active, } .navbar-item, .navbar-link { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .navbar-item.has-dropdown { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; @@ -6544,7 +7037,8 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; - transform: translateY(0); + -webkit-transform: translateY(0); + transform: translateY(0); } .navbar-link::after { border: 1px solid #3273dc; @@ -6555,22 +7049,30 @@ a.navbar-item:hover, a.navbar-item.is-active, height: 0.5em; pointer-events: none; position: absolute; - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); width: 0.5em; margin-top: -0.375em; right: 1.125em; top: 50%; } .navbar-menu { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .navbar-start { - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; margin-right: auto; } .navbar-end { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; margin-left: auto; } .navbar-dropdown { @@ -6578,7 +7080,8 @@ a.navbar-item:hover, a.navbar-item.is-active, border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px solid #dbdbdb; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); display: none; font-size: 0.875rem; left: 0; @@ -6605,14 +7108,20 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar-dropdown.is-boxed { border-radius: 5px; border-top: none; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); - transform: translateY(-5px); - transition-duration: 86ms; + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform; } .navbar-dropdown.is-right { left: auto; @@ -6659,9 +7168,15 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination, .pagination-list { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; text-align: center; } @@ -6671,14 +7186,21 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border: 1px solid transparent; border-radius: 3px; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 1rem; height: 2.25em; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.375em - 1px); padding-left: calc(0.625em - 1px); @@ -6694,7 +7216,9 @@ a.navbar-item:hover, a.navbar-item.is-active, font-size: 1em; padding-left: 0.5em; padding-right: 0.5em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin: 0.25rem; text-align: center; } @@ -6745,7 +7269,8 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-previous:active, .pagination-next:active, .pagination-link:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } .pagination-previous[disabled], @@ -6753,7 +7278,8 @@ a.navbar-item:hover, a.navbar-item.is-active, .pagination-link[disabled] { background-color: #dbdbdb; border-color: #dbdbdb; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; color: #7a7a7a; opacity: 0.5; } @@ -6777,59 +7303,96 @@ a.navbar-item:hover, a.navbar-item.is-active, } .pagination-list { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } @media screen and (max-width: 768px) { .pagination { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .pagination-previous, .pagination-next { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .pagination-list li { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { - flex-grow: 1; - flex-shrink: 1; - justify-content: flex-start; - order: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } .pagination-previous { - order: 2; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } .pagination-next { - order: 3; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } .pagination { - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .pagination.is-centered .pagination-previous { - order: 1; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } .pagination.is-centered .pagination-list { - justify-content: center; - order: 2; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } .pagination.is-centered .pagination-next { - order: 3; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } .pagination.is-right .pagination-previous { - order: 1; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } .pagination.is-right .pagination-next { - order: 2; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; } .pagination.is-right .pagination-list { - justify-content: flex-end; - order: 3; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; } } @@ -6866,10 +7429,16 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-tabs { - align-items: flex-end; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 0.875em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .panel-tabs a { @@ -6892,10 +7461,16 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-block { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #363636; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 0.5em 0.75em; } @@ -6904,13 +7479,17 @@ a.navbar-item:hover, a.navbar-item.is-active, } .panel-block > .control { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .panel-block.is-active { @@ -6956,10 +7535,16 @@ label.panel-block:hover { -moz-user-select: none; -ms-user-select: none; user-select: none; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 1rem; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; @@ -6970,13 +7555,19 @@ label.panel-block:hover { } .tabs a { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; color: #4a4a4a; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; @@ -6997,14 +7588,23 @@ label.panel-block:hover { } .tabs ul { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border-bottom-color: #dbdbdb; border-bottom-style: solid; border-bottom-width: 1px; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .tabs ul.is-left { @@ -7012,14 +7612,20 @@ label.panel-block:hover { } .tabs ul.is-center { - flex: none; - justify-content: center; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; padding-left: 0.75em; } @@ -7032,11 +7638,15 @@ label.panel-block:hover { } .tabs.is-centered ul { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .tabs.is-right ul { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .tabs.is-boxed a { @@ -7056,8 +7666,11 @@ label.panel-block:hover { } .tabs.is-fullwidth li { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .tabs.is-toggle a { @@ -7111,43 +7724,61 @@ label.panel-block:hover { .column { display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .columns.is-mobile > .column.is-full { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } @@ -7172,7 +7803,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-1 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } @@ -7181,7 +7814,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-2 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } @@ -7190,7 +7825,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-3 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } @@ -7199,7 +7836,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-4 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } @@ -7208,7 +7847,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-5 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } @@ -7217,7 +7858,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-6 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } @@ -7226,7 +7869,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-7 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } @@ -7235,7 +7880,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-8 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } @@ -7244,7 +7891,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-9 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } @@ -7253,7 +7902,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-10 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } @@ -7262,7 +7913,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-11 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } @@ -7271,7 +7924,9 @@ label.panel-block:hover { } .columns.is-mobile > .column.is-12 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } @@ -7281,30 +7936,44 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .column.is-narrow-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-mobile { @@ -7323,84 +7992,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-mobile { @@ -7410,30 +8103,44 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full, .column.is-full-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { @@ -7452,84 +8159,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1, .column.is-1-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } .column.is-2, .column.is-2-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } .column.is-3, .column.is-3-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } .column.is-5, .column.is-5-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } .column.is-6, .column.is-6-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } .column.is-8, .column.is-8-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } .column.is-9, .column.is-9-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } .column.is-11, .column.is-11-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } .column.is-12, .column.is-12-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { @@ -7539,30 +8270,44 @@ label.panel-block:hover { @media screen and (max-width: 1023px) { .column.is-narrow-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-touch { @@ -7581,84 +8326,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-touch { margin-left: 8.33333%; } .column.is-2-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-touch { margin-left: 16.66667%; } .column.is-3-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-touch { margin-left: 33.33333%; } .column.is-5-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-touch { margin-left: 41.66667%; } .column.is-6-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-touch { margin-left: 58.33333%; } .column.is-8-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-touch { margin-left: 66.66667%; } .column.is-9-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-touch { margin-left: 83.33333%; } .column.is-11-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-touch { margin-left: 91.66667%; } .column.is-12-touch { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-touch { @@ -7668,30 +8437,44 @@ label.panel-block:hover { @media screen and (min-width: 1024px) { .column.is-narrow-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-desktop { @@ -7710,84 +8493,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-desktop { @@ -7797,30 +8604,44 @@ label.panel-block:hover { @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-widescreen { @@ -7839,84 +8660,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-widescreen { @@ -7926,30 +8771,44 @@ label.panel-block:hover { @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-fullhd { @@ -7968,84 +8827,108 @@ label.panel-block:hover { margin-left: 25%; } .column.is-1-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-fullhd { margin-left: 8.33333%; } .column.is-2-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-fullhd { margin-left: 16.66667%; } .column.is-3-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-fullhd { margin-left: 33.33333%; } .column.is-5-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-fullhd { margin-left: 41.66667%; } .column.is-6-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-fullhd { margin-left: 58.33333%; } .column.is-8-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-fullhd { margin-left: 66.66667%; } .column.is-9-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-fullhd { margin-left: 83.33333%; } .column.is-11-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-fullhd { margin-left: 91.66667%; } .column.is-12-fullhd { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-fullhd { @@ -8068,7 +8951,9 @@ label.panel-block:hover { } .columns.is-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .columns.is-gapless { @@ -8091,25 +8976,34 @@ label.panel-block:hover { } .columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .columns.is-multiline { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-vcentered { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } @media screen and (min-width: 1024px) { .columns.is-desktop { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } @@ -8162,11 +9056,19 @@ label.panel-block:hover { } .tile { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + min-height: -webkit-min-content; + min-height: -moz-min-content; min-height: min-content; } @@ -8193,7 +9095,10 @@ label.panel-block:hover { } .tile.is-vertical { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { @@ -8202,63 +9107,98 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .tile:not(.is-child) { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .tile.is-1 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .tile.is-2 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .tile.is-3 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .tile.is-4 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .tile.is-5 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .tile.is-6 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .tile.is-7 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .tile.is-8 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .tile.is-9 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .tile.is-10 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .tile.is-11 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .tile.is-12 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } } .hero { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; - justify-content: space-between; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .hero .navbar { @@ -9069,13 +10009,20 @@ label.panel-block:hover { } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } .hero.is-halfheight { @@ -9101,7 +10048,8 @@ label.panel-block:hover { min-width: 100%; position: absolute; top: 50%; - transform: translate3d(-50%, -50%, 0); + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { @@ -9120,6 +10068,8 @@ label.panel-block:hover { @media screen and (max-width: 768px) { .hero-buttons .button { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .hero-buttons .button:not(:last-child) { @@ -9129,8 +10079,12 @@ label.panel-block:hover { @media screen and (min-width: 769px), print { .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 1.5rem; @@ -9139,13 +10093,19 @@ label.panel-block:hover { .hero-head, .hero-foot { - flex-grow: 0; - flex-shrink: 0; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .hero-body { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; padding: 3rem 1.5rem; } @@ -9424,9 +10384,15 @@ svg { } #carboncontainer { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-left: auto; margin-right: auto; max-width: 340px; @@ -9434,13 +10400,16 @@ svg { } #carbon { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; padding: 0; position: relative; } #carbon:hover { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; } @media screen and (min-width: 769px), print { @@ -9533,9 +10502,13 @@ svg { background: #242424; border-radius: 5px; color: white; + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 15px; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; line-height: 20px; padding: 15px 25px; position: relative; @@ -9609,23 +10582,41 @@ svg { opacity: 1; } -@keyframes introSpinner { +@-webkit-keyframes introSpinner { from { opacity: 0; - transform: scale(1.14); + -webkit-transform: scale(1.14); + transform: scale(1.14); } to { opacity: 1; - transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes introSpinner { + from { + opacity: 0; + -webkit-transform: scale(1.14); + transform: scale(1.14); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } } .intro-spinner, .intro-shadow { - animation-duration: 500ms; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; animation-easing-function: ease-out; - animation-fill-mode: both; - transform-origin: center; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-transform-origin: center; + transform-origin: center; } .intro-spinner { @@ -9634,11 +10625,13 @@ svg { position: absolute; right: 0; top: 0; - animation-name: introSpinner; + -webkit-animation-name: introSpinner; + animation-name: introSpinner; } .intro-spinner::before { - animation: spinAround 500ms infinite linear; + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -9657,14 +10650,29 @@ svg { width: 1.5em; } -@keyframes introShadow { +@-webkit-keyframes introShadow { from { opacity: 0; - transform: scale(0.86); + -webkit-transform: scale(0.86); + transform: scale(0.86); } to { opacity: 1; - transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes introShadow { + from { + opacity: 0; + -webkit-transform: scale(0.86); + transform: scale(0.86); + } + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } } @@ -9678,15 +10686,19 @@ svg { background-position: center center; background-repeat: no-repeat; background-size: cover; - box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); - animation-name: introShadow; + -webkit-box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); + box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); + -webkit-animation-name: introShadow; + animation-name: introShadow; } .intro-iframe { opacity: 0; padding-top: 56.25%; position: relative; - transition-duration: 500ms; + -webkit-transition-duration: 500ms; + transition-duration: 500ms; + -webkit-transition-property: opacity; transition-property: opacity; } @@ -9715,6 +10727,7 @@ svg { .intro-author span { opacity: 0.5; + -webkit-transition: 100ms opacity; transition: 100ms opacity; } @@ -9724,6 +10737,8 @@ svg { @media screen and (max-width: 768px) { .intro-buttons .button { + display: -webkit-box; + display: -ms-flexbox; display: flex; width: 100%; } @@ -9737,9 +10752,15 @@ svg { font-size: 2.25rem; } .intro-buttons { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } } @@ -9752,8 +10773,12 @@ svg { @media screen and (min-width: 1024px) { .intro-columns { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .intro-column { width: calc(50% - 1.5rem); @@ -9832,7 +10857,9 @@ svg { padding-right: 1rem; } #moreDropdown .navbar-item .level { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } } @@ -9862,10 +10889,17 @@ svg { } #social { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } #social > iframe, @@ -9893,22 +10927,32 @@ svg { } #social .fb-like { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; width: 130px; } #newsletter .input { border-color: white; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } #sister ul { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } #sister li { + display: -webkit-box; + display: -ms-flexbox; display: flex; height: 30px; margin: 5px 1rem 0 0; @@ -9940,7 +10984,8 @@ svg { .bd-color { border-radius: 2px; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1); display: inline-block; float: left; height: 24px; @@ -10069,15 +11114,18 @@ svg { } .bd-article-image:hover .bd-article-icon { - transform: scale(1.4); + -webkit-transform: scale(1.4); + transform: scale(1.4); } .bd-article-image:hover .bd-article-date { - transform: scale(0.9); + -webkit-transform: scale(0.9); + transform: scale(0.9); } .bd-article-image:hover .bd-article-title { - transform: scale(1.1); + -webkit-transform: scale(1.1); + transform: scale(1.1); } .bd-article-image.is-single { @@ -10093,9 +11141,12 @@ svg { top: 0; background-color: #0a0a0a; opacity: 0; - transition-duration: 86ms; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: opacity; transition-property: opacity; - transition-timing-function: ease-out; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon, @@ -10105,17 +11156,28 @@ svg { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-article-icon, .bd-article-date, .bd-article-title { - transition-duration: 86ms; + -webkit-transition-duration: 86ms; + transition-duration: 86ms; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; transition-property: transform; - transition-timing-function: ease-out; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; } .bd-article-icon { @@ -10310,7 +11372,11 @@ svg { .bd-snippet::before { content: "Snippet"; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -10332,6 +11398,8 @@ svg { } .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show { + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -10350,11 +11418,17 @@ svg { @media screen and (min-width: 1024px) { .bd-snippet.bd-is-vertical { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; border-radius: 5px; border-top-left-radius: 0; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-snippet.bd-is-vertical .bd-snippet-preview, .bd-snippet.bd-is-vertical .bd-snippet-code { @@ -10363,32 +11437,53 @@ svg { .bd-snippet.bd-is-vertical .bd-snippet-code, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; border-radius: 0 5px 5px 0; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } .bd-snippet.bd-is-vertical .bd-snippet-code .highlight, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre, .bd-snippet.bd-is-vertical .bd-snippet-code .highlight .language-html { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } .bd-snippet.bd-is-vertical .bd-snippet-code .highlight pre { white-space: pre; } .bd-snippet.bd-is-vertical.bd-is-one-fifth .bd-snippet-preview { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; 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 { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; width: calc(256px + 3rem); } .bd-snippet.bd-is-vertical.bd-is-two-fifths .bd-snippet-code { @@ -10404,7 +11499,8 @@ svg { .highlight.bd-is-hovering { border-radius: 2px; - box-shadow: 0 0 0 2px #ffdd57; + -webkit-box-shadow: 0 0 0 2px #ffdd57; + box-shadow: 0 0 0 2px #ffdd57; } .highlight pre { @@ -10458,12 +11554,18 @@ svg { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; content: attr(title); + display: -webkit-box; + display: -ms-flexbox; display: flex; font-family: monospace; font-size: 11px; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 3px 5px; z-index: 2; } @@ -10473,8 +11575,12 @@ svg { } .bd-structure-item.bd-is-structure-container:after { - align-items: flex-start; - justify-content: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 0.5rem 0.75rem; } @@ -10506,7 +11612,8 @@ svg { .highlight .bd-copy:focus, .highlight .bd-copy:active, .highlight .bd-expand:focus, .highlight .bd-expand:active { - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } .highlight .bd-expand { @@ -10519,14 +11626,18 @@ svg { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: rgba(245, 245, 245, 0.7); border: none; color: rgba(0, 0, 0, 0.5); cursor: pointer; display: none; font-size: 0.75rem; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; width: 100%; } @@ -10664,7 +11775,8 @@ svg { #_default_ > a { background-color: white; border-radius: 5px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); color: #4a4a4a; display: block; line-height: 1.375; @@ -10676,11 +11788,13 @@ svg { } #_default_ > a:hover, #_default_ > a:focus { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } #_default_ > a:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } #_default_ > a span { @@ -10721,8 +11835,12 @@ svg { min-height: 120px; } #_default_ { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; position: relative; } #_default_ .default-ad { @@ -10792,8 +11910,11 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-tws-home { background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; overflow: auto; padding: 20px; } @@ -10803,21 +11924,32 @@ html.route-index .hero.is-primary a.column:hover .title strong { border: 1px solid #e1e8ed; border-radius: 5px; color: #697882; - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; font-size: 16px; padding: 20px; } .bd-tw-header { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .bd-tw-author { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #1c2022; + display: -webkit-box; + display: -ms-flexbox; display: flex; line-height: 1.2; } @@ -10827,7 +11959,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-tw-avatar { - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; height: 36px; margin-right: 9px; width: 36px; @@ -10886,7 +12019,11 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .Tweet-actions { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; margin-top: 8.4px; } @@ -10896,7 +12033,11 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .TweetAction { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; height: 24px; min-width: 24px; @@ -10976,8 +12117,11 @@ html.route-index .hero.is-primary a.column:hover .title strong { min-height: 595px; } .bd-tws-love { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; margin: -0.75rem; } .bd-tws-love .bd-tw { @@ -11048,9 +12192,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-website-image { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-bottom: 1.5rem; position: relative; } @@ -11065,6 +12215,7 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-website-image .b-lazy { opacity: 0; + -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; } @@ -11074,12 +12225,14 @@ html.route-index .hero.is-primary a.column:hover .title strong { .bd-website-shadow { border: 1px solid rgba(0, 0, 0, 0.04); + -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } .bd-website-overlay { background-color: #0a0a0a; opacity: 0; + -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; } @@ -11095,9 +12248,14 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding-top: 3rem; } .bd-websites { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .bd-website { margin-top: 3rem; @@ -11123,9 +12281,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-testimonial { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-testimonial-tweet { @@ -11133,9 +12297,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-top: 1.5rem; text-align: center; } @@ -11146,12 +12316,17 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-more-loves .button span { - transform-origin: center center; + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transition: -webkit-transform 86ms ease-out; + transition: -webkit-transform 86ms ease-out; transition: transform 86ms ease-out; + transition: transform 86ms ease-out, -webkit-transform 86ms ease-out; } .bd-more-loves .button:hover span { - transform: scale(1.04); + -webkit-transform: scale(1.04); + transform: scale(1.04); } @media screen and (max-width: 768px) { @@ -11191,7 +12366,8 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-rainbow { - animation: rainbow 8s ease infinite; + -webkit-animation: rainbow 8s ease infinite; + animation: rainbow 8s ease infinite; background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc); background-size: 800% 800%; } @@ -11201,6 +12377,18 @@ html.route-index .hero.is-primary a.column:hover .title strong { color: white; } +@-webkit-keyframes rainbow { + 0% { + background-position: 0% 80%; + } + 50% { + background-position: 100% 20%; + } + 100% { + background-position: 0% 80%; + } +} + @keyframes rainbow { 0% { background-position: 0% 80%; @@ -11214,9 +12402,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-hug { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } @media screen and (max-width: 768px) { @@ -11245,9 +12439,15 @@ html.route-index .hero.is-primary a.column:hover .title strong { padding: 3rem 1.5rem; } .bd-embrace { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .bd-embrace:not(:first-child) { margin-top: 3rem; @@ -11259,8 +12459,11 @@ html.route-index .hero.is-primary a.column:hover .title strong { margin-left: 1.5rem; } .bd-hugs { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; padding-bottom: 3rem; } .bd-hug { @@ -11411,10 +12614,17 @@ html.route-index .hero.is-primary a.column:hover .title strong { } .bd-klmn-gaps { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-wrap: wrap; - justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; margin-bottom: 1.25rem; } @@ -11444,3 +12654,5 @@ html.route-index .hero.is-primary a.column:hover .title strong { font-size: 0.75rem; white-space: nowrap; } + +/*# sourceMappingURL=bulma-docs.css.map */ \ No newline at end of file