@@ -127,10 +127,10 @@ bootstrap:
+
{% include svg/bulma-b.svg %}
-
Why choose Bulma
-
+
{% for pro in page.bulma %}
{%
include pro.html
@@ -147,10 +147,10 @@ bootstrap:
+
{% include svg/bootstrap-icon.svg %}
-
Why choose Bootstrap
-
+
{% for pro in page.bootstrap %}
{%
include pro.html
@@ -171,8 +171,8 @@ bootstrap:
-
-
+
+
-
Comparison table
diff --git a/docs/blog.html b/docs/blog.html index 581a077f..528552cc 100644 --- a/docs/blog.html +++ b/docs/blog.html @@ -10,17 +10,17 @@ route: blog
{% for post in site.posts %}
-
-
-
+
+
+
-
+
-
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 9482c985..42687ecf 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -1,23 +1,11 @@
@charset "UTF-8";
/*! bulma.io v0.5.1 | MIT License | github.com/jgthms/bulma */
-@-webkit-keyframes spinAround {
- from {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg);
- }
-}
@keyframes spinAround {
from {
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
+ transform: rotate(0deg);
}
to {
- -webkit-transform: rotate(359deg);
- transform: rotate(359deg);
+ transform: rotate(359deg);
}
}
@@ -71,18 +59,15 @@ textarea {
}
html {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
}
* {
- -webkit-box-sizing: inherit;
- box-sizing: inherit;
+ box-sizing: inherit;
}
*:before, *:after {
- -webkit-box-sizing: inherit;
- box-sizing: inherit;
+ box-sizing: inherit;
}
img,
@@ -892,79 +877,59 @@ a.has-text-danger:hover, a.has-text-danger:focus {
}
.is-flex {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
@media screen and (max-width: 768px) {
.is-flex-mobile {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 769px), print {
.is-flex-tablet {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1007px) {
.is-flex-tablet-only {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (max-width: 1007px) {
.is-flex-touch {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1008px) {
.is-flex-desktop {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1008px) and (max-width: 1199px) {
.is-flex-desktop-only {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1200px) {
.is-flex-widescreen {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1391px) {
.is-flex-widescreen-only {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@media screen and (min-width: 1392px) {
.is-flex-fullhd {
- display: -webkit-box !important;
- display: -ms-flexbox !important;
display: flex !important;
}
}
@@ -1086,79 +1051,59 @@ a.has-text-danger:hover, a.has-text-danger:focus {
}
.is-inline-flex {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media screen and (max-width: 768px) {
.is-inline-flex-mobile {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 769px), print {
.is-inline-flex-tablet {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1007px) {
.is-inline-flex-tablet-only {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (max-width: 1007px) {
.is-inline-flex-touch {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1008px) {
.is-inline-flex-desktop {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1008px) and (max-width: 1199px) {
.is-inline-flex-desktop-only {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1200px) {
.is-inline-flex-widescreen {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1391px) {
.is-inline-flex-widescreen-only {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media screen and (min-width: 1392px) {
.is-inline-flex-fullhd {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@@ -1234,8 +1179,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
}
.is-shadowless {
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
+ box-shadow: none !important;
}
.is-unselectable {
@@ -1249,8 +1193,7 @@ a.has-text-danger:hover, a.has-text-danger:focus {
.box {
background-color: white;
border-radius: 5px;
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
display: block;
padding: 1.25rem;
@@ -1261,33 +1204,24 @@ a.has-text-danger:hover, a.has-text-danger:focus {
}
a.box:hover, a.box:focus {
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
}
a.box:active {
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
}
.button {
-moz-appearance: none;
-webkit-appearance: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
border: 1px solid transparent;
border-radius: 3px;
- -webkit-box-shadow: none;
- box-shadow: none;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
+ box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.375em - 1px);
padding-left: calc(0.625em - 1px);
@@ -1304,9 +1238,7 @@ a.box:active {
border-color: #dbdbdb;
color: #363636;
cursor: pointer;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
padding-left: 0.75em;
padding-right: 0.75em;
text-align: center;
@@ -1357,8 +1289,7 @@ a.box:active {
.button:active, .button.is-active {
border-color: #4a4a4a;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #363636;
}
@@ -1377,8 +1308,7 @@ a.box:active {
.button.is-link[disabled] {
background-color: transparent;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-white {
@@ -1395,24 +1325,21 @@ a.box:active {
.button.is-white:focus, .button.is-white.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
- box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
+ box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
color: #0a0a0a;
}
.button.is-white:active, .button.is-white.is-active {
background-color: #f2f2f2;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #0a0a0a;
}
.button.is-white[disabled] {
background-color: white;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-white.is-inverted {
@@ -1427,8 +1354,7 @@ a.box:active {
.button.is-white.is-inverted[disabled] {
background-color: #0a0a0a;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: white;
}
@@ -1455,8 +1381,7 @@ a.box:active {
.button.is-white.is-outlined[disabled] {
background-color: transparent;
border-color: white;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: white;
}
@@ -1474,8 +1399,7 @@ a.box:active {
.button.is-white.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #0a0a0a;
}
@@ -1493,24 +1417,21 @@ a.box:active {
.button.is-black:focus, .button.is-black.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
- box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
+ box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
color: white;
}
.button.is-black:active, .button.is-black.is-active {
background-color: black;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: white;
}
.button.is-black[disabled] {
background-color: #0a0a0a;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-black.is-inverted {
@@ -1525,8 +1446,7 @@ a.box:active {
.button.is-black.is-inverted[disabled] {
background-color: white;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #0a0a0a;
}
@@ -1553,8 +1473,7 @@ a.box:active {
.button.is-black.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #0a0a0a;
}
@@ -1572,8 +1491,7 @@ a.box:active {
.button.is-black.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: white;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: white;
}
@@ -1591,24 +1509,21 @@ a.box:active {
.button.is-light:focus, .button.is-light.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
- box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
+ box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
color: #363636;
}
.button.is-light:active, .button.is-light.is-active {
background-color: #e8e8e8;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #363636;
}
.button.is-light[disabled] {
background-color: whitesmoke;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-light.is-inverted {
@@ -1623,8 +1538,7 @@ a.box:active {
.button.is-light.is-inverted[disabled] {
background-color: #363636;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: whitesmoke;
}
@@ -1651,8 +1565,7 @@ a.box:active {
.button.is-light.is-outlined[disabled] {
background-color: transparent;
border-color: whitesmoke;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: whitesmoke;
}
@@ -1670,8 +1583,7 @@ a.box:active {
.button.is-light.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #363636;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #363636;
}
@@ -1689,24 +1601,21 @@ a.box:active {
.button.is-dark:focus, .button.is-dark.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
- box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
+ box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
color: whitesmoke;
}
.button.is-dark:active, .button.is-dark.is-active {
background-color: #292929;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: whitesmoke;
}
.button.is-dark[disabled] {
background-color: #363636;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-dark.is-inverted {
@@ -1721,8 +1630,7 @@ a.box:active {
.button.is-dark.is-inverted[disabled] {
background-color: whitesmoke;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #363636;
}
@@ -1749,8 +1657,7 @@ a.box:active {
.button.is-dark.is-outlined[disabled] {
background-color: transparent;
border-color: #363636;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #363636;
}
@@ -1768,8 +1675,7 @@ a.box:active {
.button.is-dark.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: whitesmoke;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: whitesmoke;
}
@@ -1787,24 +1693,21 @@ a.box:active {
.button.is-primary:focus, .button.is-primary.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
- box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
+ box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
color: #fff;
}
.button.is-primary:active, .button.is-primary.is-active {
background-color: #00b89c;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-primary[disabled] {
background-color: #00d1b2;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-primary.is-inverted {
@@ -1819,8 +1722,7 @@ a.box:active {
.button.is-primary.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #00d1b2;
}
@@ -1847,8 +1749,7 @@ a.box:active {
.button.is-primary.is-outlined[disabled] {
background-color: transparent;
border-color: #00d1b2;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #00d1b2;
}
@@ -1866,8 +1767,7 @@ a.box:active {
.button.is-primary.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #fff;
}
@@ -1885,24 +1785,21 @@ a.box:active {
.button.is-info:focus, .button.is-info.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
- box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
+ box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
color: #fff;
}
.button.is-info:active, .button.is-info.is-active {
background-color: #2366d1;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-info[disabled] {
background-color: #3273dc;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-info.is-inverted {
@@ -1917,8 +1814,7 @@ a.box:active {
.button.is-info.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #3273dc;
}
@@ -1945,8 +1841,7 @@ a.box:active {
.button.is-info.is-outlined[disabled] {
background-color: transparent;
border-color: #3273dc;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #3273dc;
}
@@ -1964,8 +1859,7 @@ a.box:active {
.button.is-info.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #fff;
}
@@ -1983,24 +1877,21 @@ a.box:active {
.button.is-success:focus, .button.is-success.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
- box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
+ box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
color: #fff;
}
.button.is-success:active, .button.is-success.is-active {
background-color: #20bc56;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-success[disabled] {
background-color: #23d160;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-success.is-inverted {
@@ -2015,8 +1906,7 @@ a.box:active {
.button.is-success.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #23d160;
}
@@ -2043,8 +1933,7 @@ a.box:active {
.button.is-success.is-outlined[disabled] {
background-color: transparent;
border-color: #23d160;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #23d160;
}
@@ -2062,8 +1951,7 @@ a.box:active {
.button.is-success.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #fff;
}
@@ -2081,24 +1969,21 @@ a.box:active {
.button.is-warning:focus, .button.is-warning.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
- box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
+ box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning:active, .button.is-warning.is-active {
background-color: #ffd83d;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: rgba(0, 0, 0, 0.7);
}
.button.is-warning[disabled] {
background-color: #ffdd57;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-warning.is-inverted {
@@ -2113,8 +1998,7 @@ a.box:active {
.button.is-warning.is-inverted[disabled] {
background-color: rgba(0, 0, 0, 0.7);
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #ffdd57;
}
@@ -2141,8 +2025,7 @@ a.box:active {
.button.is-warning.is-outlined[disabled] {
background-color: transparent;
border-color: #ffdd57;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #ffdd57;
}
@@ -2160,8 +2043,7 @@ a.box:active {
.button.is-warning.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: rgba(0, 0, 0, 0.7);
}
@@ -2179,24 +2061,21 @@ a.box:active {
.button.is-danger:focus, .button.is-danger.is-focused {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
- box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
+ box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
color: #fff;
}
.button.is-danger:active, .button.is-danger.is-active {
background-color: #ff1f4b;
border-color: transparent;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
color: #fff;
}
.button.is-danger[disabled] {
background-color: #ff3860;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.button.is-danger.is-inverted {
@@ -2211,8 +2090,7 @@ a.box:active {
.button.is-danger.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #ff3860;
}
@@ -2239,8 +2117,7 @@ a.box:active {
.button.is-danger.is-outlined[disabled] {
background-color: transparent;
border-color: #ff3860;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #ff3860;
}
@@ -2258,8 +2135,7 @@ a.box:active {
.button.is-danger.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #fff;
}
@@ -2279,14 +2155,11 @@ a.box:active {
.button[disabled] {
background-color: white;
border-color: #dbdbdb;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
opacity: 0.5;
}
.button.is-fullwidth {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
width: 100%;
}
@@ -2297,8 +2170,7 @@ a.box:active {
}
.button.is-loading:after {
- -webkit-animation: spinAround 500ms infinite linear;
- animation: spinAround 500ms infinite linear;
+ animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
@@ -2318,8 +2190,7 @@ a.box:active {
background-color: whitesmoke;
border-color: #dbdbdb;
color: #7a7a7a;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
pointer-events: none;
}
@@ -2551,21 +2422,14 @@ a.box:active {
.textarea {
-moz-appearance: none;
-webkit-appearance: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
border: 1px solid transparent;
border-radius: 3px;
- -webkit-box-shadow: none;
- box-shadow: none;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
+ box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.375em - 1px);
padding-left: calc(0.625em - 1px);
@@ -2576,8 +2440,7 @@ a.box:active {
background-color: white;
border-color: #dbdbdb;
color: #363636;
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
max-width: 100%;
width: 100%;
}
@@ -2613,8 +2476,7 @@ a.box:active {
.textarea[disabled] {
background-color: whitesmoke;
border-color: whitesmoke;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #7a7a7a;
}
@@ -2785,8 +2647,7 @@ a.box:active {
height: 0.5em;
pointer-events: none;
position: absolute;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
+ transform: rotate(-45deg);
width: 0.5em;
margin-top: -0.375em;
right: 1.125em;
@@ -2797,21 +2658,14 @@ a.box:active {
.select select {
-moz-appearance: none;
-webkit-appearance: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
border: 1px solid transparent;
border-radius: 3px;
- -webkit-box-shadow: none;
- box-shadow: none;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
+ box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.375em - 1px);
padding-left: calc(0.625em - 1px);
@@ -2848,8 +2702,7 @@ a.box:active {
.select select[disabled] {
background-color: whitesmoke;
border-color: whitesmoke;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #7a7a7a;
}
@@ -2964,8 +2817,7 @@ a.box:active {
}
.select.is-loading::after {
- -webkit-animation: spinAround 500ms infinite linear;
- animation: spinAround 500ms infinite linear;
+ animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
@@ -2979,8 +2831,7 @@ a.box:active {
position: absolute;
right: 0.625em;
top: 0.625em;
- -webkit-transform: none;
- transform: none;
+ transform: none;
}
.select.is-loading.is-small:after {
@@ -3001,15 +2852,9 @@ a.box:active {
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
position: relative;
}
@@ -3027,8 +2872,7 @@ a.box:active {
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
- box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
+ box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
color: #0a0a0a;
}
@@ -3052,8 +2896,7 @@ a.box:active {
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
- box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
+ box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
color: white;
}
@@ -3077,8 +2920,7 @@ a.box:active {
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
- box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
+ box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
color: #363636;
}
@@ -3102,8 +2944,7 @@ a.box:active {
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
- box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
+ box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
color: whitesmoke;
}
@@ -3127,8 +2968,7 @@ a.box:active {
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
- box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
+ box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
color: #fff;
}
@@ -3152,8 +2992,7 @@ a.box:active {
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
- box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
+ box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
color: #fff;
}
@@ -3177,8 +3016,7 @@ a.box:active {
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
- box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
+ box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
color: #fff;
}
@@ -3202,8 +3040,7 @@ a.box:active {
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
- box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
+ box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
color: rgba(0, 0, 0, 0.7);
}
@@ -3227,8 +3064,7 @@ a.box:active {
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
border-color: transparent;
- -webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
- box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
+ box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
color: #fff;
}
@@ -3269,29 +3105,19 @@ a.box:active {
}
.file.is-centered {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.file.is-right {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
}
.file.is-boxed .file-label {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ flex-direction: column;
}
.file.is-boxed .file-cta {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ flex-direction: column;
height: auto;
padding: 1em 3em;
}
@@ -3337,9 +3163,7 @@ a.box:active {
.file.is-right .file-name {
border-radius: 3px 0 0 3px;
border-width: 1px 0 1px 1px;
- -webkit-box-ordinal-group: 0;
- -ms-flex-order: -1;
- order: -1;
+ order: -1;
}
.file.is-fullwidth .file-label {
@@ -3347,23 +3171,15 @@ a.box:active {
}
.file.is-fullwidth .file-name {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
max-width: none;
}
.file-label {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
cursor: pointer;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
overflow: hidden;
position: relative;
}
@@ -3399,21 +3215,14 @@ a.box:active {
.file-name {
-moz-appearance: none;
-webkit-appearance: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
border: 1px solid transparent;
border-radius: 3px;
- -webkit-box-shadow: none;
- box-shadow: none;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
+ box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.375em - 1px);
padding-left: calc(0.625em - 1px);
@@ -3459,16 +3268,10 @@ a.box:active {
}
.file-icon {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
height: 1em;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
margin-right: 0.5em;
width: 1em;
}
@@ -3547,12 +3350,8 @@ a.box:active {
}
.field.has-addons {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
@@ -3612,43 +3411,29 @@ a.box:active {
}
.field.has-addons .control.is-expanded {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
}
.field.has-addons.has-addons-centered {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.field.has-addons.has-addons-right {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
}
.field.is-grouped {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
}
.field.is-grouped > .control {
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
@@ -3657,28 +3442,20 @@ a.box:active {
}
.field.is-grouped > .control.is-expanded {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.field.is-grouped.is-grouped-right {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
@@ -3695,8 +3472,6 @@ a.box:active {
@media screen and (min-width: 769px), print {
.field.is-horizontal {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
}
@@ -3713,13 +3488,9 @@ a.box:active {
@media screen and (min-width: 769px), print {
.field-label {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
margin-right: 1.5rem;
text-align: right;
}
@@ -3746,28 +3517,19 @@ a.box:active {
@media screen and (min-width: 769px), print {
.field-body {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 5;
- -ms-flex-positive: 5;
- flex-grow: 5;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-basis: 0;
+ flex-grow: 5;
+ flex-shrink: 1;
}
.field-body .field {
margin-bottom: 0;
}
.field-body > .field {
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-shrink: 1;
}
.field-body > .field:not(.is-narrow) {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
}
.field-body > .field:not(:last-child) {
margin-right: 0.75rem;
@@ -3875,8 +3637,7 @@ a.box:active {
}
.control.is-loading::after {
- -webkit-animation: spinAround 500ms infinite linear;
- animation: spinAround 500ms infinite linear;
+ animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
@@ -3904,15 +3665,9 @@ a.box:active {
}
.icon {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
+ align-items: center;
display: inline-flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
height: 1.5rem;
width: 1.5rem;
}
@@ -4375,17 +4130,10 @@ a.box:active {
}
.tags {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
.tags .tag {
@@ -4419,20 +4167,14 @@ a.box:active {
}
.tag {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
background-color: whitesmoke;
border-radius: 3px;
color: #4a4a4a;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0.75rem;
height: 2em;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
line-height: 1.5;
padding-left: 0.75em;
padding-right: 0.75em;
@@ -4511,10 +4253,8 @@ a.box:active {
left: 50%;
position: absolute;
top: 50%;
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
- -webkit-transform-origin: center center;
- transform-origin: center center;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
}
.tag.is-delete:before {
@@ -4674,11 +4414,8 @@ a.tag:hover {
border-radius: 290486px;
cursor: pointer;
display: inline-block;
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 0;
+ flex-shrink: 0;
font-size: 1rem;
height: 20px;
max-height: 20px;
@@ -4698,10 +4435,8 @@ a.tag:hover {
left: 50%;
position: absolute;
top: 50%;
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
- -webkit-transform-origin: center center;
- transform-origin: center center;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
}
.delete:before {
@@ -4780,8 +4515,7 @@ a.tag:hover {
}
.loader {
- -webkit-animation: spinAround 500ms infinite linear;
- animation: spinAround 500ms infinite linear;
+ animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
@@ -4794,19 +4528,13 @@ a.tag:hover {
}
.number {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
background-color: whitesmoke;
border-radius: 290486px;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1.25rem;
height: 2em;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
margin-right: 1.5rem;
min-width: 2.5em;
padding: 0.25rem 0.5rem;
@@ -4820,11 +4548,7 @@ a.tag:hover {
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
font-size: 1rem;
overflow: hidden;
@@ -4837,16 +4561,10 @@ a.tag:hover {
}
.breadcrumb a {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
color: #7a7a7a;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
padding: 0.5em 0.75em;
}
@@ -4855,11 +4573,7 @@ a.tag:hover {
}
.breadcrumb li {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
}
@@ -4875,20 +4589,11 @@ a.tag:hover {
}
.breadcrumb ul, .breadcrumb ol {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: flex-start;
}
.breadcrumb .icon:first-child {
@@ -4900,15 +4605,11 @@ a.tag:hover {
}
.breadcrumb.is-centered ol, .breadcrumb.is-centered ul {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.breadcrumb.is-right ol, .breadcrumb.is-right ul {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
}
.breadcrumb.is-small {
@@ -4941,50 +4642,32 @@ a.tag:hover {
.card {
background-color: white;
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
}
.card-header {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
- box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
display: flex;
}
.card-header-title {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
color: #363636;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
font-weight: 700;
padding: 0.75rem;
}
.card-header-icon {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
cursor: pointer;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
padding: 0.75rem;
}
@@ -4999,31 +4682,17 @@ a.tag:hover {
.card-footer {
border-top: 1px solid #dbdbdb;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
}
.card-footer-item {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: center;
padding: 0.75rem;
}
@@ -5036,8 +4705,6 @@ a.tag:hover {
}
.dropdown {
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
vertical-align: top;
@@ -5065,8 +4732,7 @@ a.tag:hover {
.dropdown-content {
background-color: white;
border-radius: 3px;
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
@@ -5104,12 +4770,8 @@ a.dropdown-item.is-active {
}
.level {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ align-items: center;
+ justify-content: space-between;
}
.level:not(:last-child) {
@@ -5126,15 +4788,11 @@ a.dropdown-item.is-active {
}
.level.is-mobile {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
@@ -5147,41 +4805,25 @@ a.dropdown-item.is-active {
}
.level.is-mobile .level-item:not(.is-narrow) {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
}
@media screen and (min-width: 769px), print {
.level {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
.level > .level-item:not(.is-narrow) {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
}
}
.level-item {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
}
.level-item .title,
@@ -5197,13 +4839,9 @@ a.dropdown-item.is-active {
.level-left,
.level-right {
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
}
.level-left .level-item:not(:last-child),
@@ -5213,18 +4851,12 @@ a.dropdown-item.is-active {
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
}
.level-left {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ align-items: center;
+ justify-content: flex-start;
}
@media screen and (max-width: 768px) {
@@ -5235,35 +4867,23 @@ a.dropdown-item.is-active {
@media screen and (min-width: 769px), print {
.level-left {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
}
.level-right {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ align-items: center;
+ justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
.level-right {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
}
.media {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: flex-start;
display: flex;
text-align: left;
}
@@ -5274,8 +4894,6 @@ a.dropdown-item.is-active {
.media .media {
border-top: 1px solid rgba(219, 219, 219, 0.5);
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
padding-top: 0.75rem;
}
@@ -5306,13 +4924,9 @@ a.dropdown-item.is-active {
.media-left,
.media-right {
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
}
.media-left {
@@ -5324,13 +4938,9 @@ a.dropdown-item.is-active {
}
.media-content {
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-basis: auto;
+ flex-grow: 1;
+ flex-shrink: 1;
text-align: left;
}
@@ -5541,18 +5151,12 @@ a.dropdown-item.is-active {
}
.message-header {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
background-color: #4a4a4a;
border-radius: 3px 3px 0 0;
color: #fff;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ justify-content: space-between;
line-height: 1.25;
padding: 0.5em 0.75em;
position: relative;
@@ -5568,11 +5172,8 @@ a.dropdown-item.is-active {
}
.message-header .delete {
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 0;
+ flex-shrink: 0;
margin-left: 0.75em;
}
@@ -5613,21 +5214,15 @@ a.dropdown-item.is-active {
position: absolute;
right: 0;
top: 0;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
display: none;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
overflow: hidden;
position: fixed;
z-index: 20;
}
.modal.is-active {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
@@ -5671,11 +5266,8 @@ a.dropdown-item.is-active {
border-radius: 290486px;
cursor: pointer;
display: inline-block;
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 0;
+ flex-shrink: 0;
font-size: 1rem;
height: 20px;
max-height: 20px;
@@ -5701,10 +5293,8 @@ a.dropdown-item.is-active {
left: 50%;
position: absolute;
top: 50%;
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
- -webkit-transform-origin: center center;
- transform-origin: center center;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
}
.modal-close:before {
@@ -5753,31 +5343,19 @@ a.dropdown-item.is-active {
}
.modal-card {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ flex-direction: column;
max-height: calc(100vh - 40px);
overflow: hidden;
}
.modal-card-head,
.modal-card-foot {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
background-color: whitesmoke;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ flex-shrink: 0;
+ justify-content: flex-start;
padding: 20px;
position: relative;
}
@@ -5790,11 +5368,8 @@ a.dropdown-item.is-active {
.modal-card-title {
color: #363636;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
font-size: 1.5rem;
line-height: 1;
}
@@ -5812,11 +5387,8 @@ a.dropdown-item.is-active {
.modal-card-body {
-webkit-overflow-scrolling: touch;
background-color: white;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
overflow: auto;
padding: 20px;
}
@@ -5837,12 +5409,8 @@ 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;
}
@@ -5868,10 +5436,8 @@ a.dropdown-item.is-active {
.nav-toggle.is-active span:nth-child(1) {
margin-left: -5px;
- -webkit-transform: rotate(45deg);
- transform: rotate(45deg);
- -webkit-transform-origin: left top;
- transform-origin: left top;
+ transform: rotate(45deg);
+ transform-origin: left top;
}
.nav-toggle.is-active span:nth-child(2) {
@@ -5880,10 +5446,8 @@ a.dropdown-item.is-active {
.nav-toggle.is-active span:nth-child(3) {
margin-left: -5px;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
+ transform: rotate(-45deg);
+ transform-origin: left bottom;
}
@media screen and (min-width: 769px), print {
@@ -5893,31 +5457,19 @@ a.dropdown-item.is-active {
}
.nav-item {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 0;
+ flex-shrink: 0;
font-size: 1rem;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
line-height: 1.5;
padding: 0.5rem 0.75rem;
}
.nav-item a {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
}
.nav-item img {
@@ -5934,9 +5486,7 @@ a.dropdown-item.is-active {
@media screen and (max-width: 768px) {
.nav-item {
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
}
}
@@ -5988,17 +5538,10 @@ a.nav-item:not(.button).is-tab.is-active {
.nav-left,
.nav-right {
-webkit-overflow-scrolling: touch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
max-width: 100%;
overflow: auto;
}
@@ -6006,39 +5549,25 @@ a.nav-item:not(.button).is-tab.is-active {
@media screen and (min-width: 1200px) {
.nav-left,
.nav-right {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
+ flex-basis: 0;
}
}
.nav-left {
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
white-space: nowrap;
}
.nav-right {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
}
.nav-center {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
margin-left: auto;
margin-right: auto;
}
@@ -6046,8 +5575,7 @@ a.nav-item:not(.button).is-tab.is-active {
@media screen and (max-width: 768px) {
.nav-menu.nav-right {
background-color: white;
- -webkit-box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
- box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
left: 0;
display: none;
right: 0;
@@ -6064,12 +5592,8 @@ a.nav-item:not(.button).is-tab.is-active {
}
.nav {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
+ align-items: stretch;
background-color: white;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
height: 3.25rem;
position: relative;
@@ -6078,19 +5602,14 @@ a.nav-item:not(.button).is-tab.is-active {
}
.nav > .container {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
min-height: 3.25rem;
width: 100%;
}
.nav.has-shadow {
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}
.navbar {
@@ -6100,31 +5619,21 @@ a.nav-item:not(.button).is-tab.is-active {
}
.navbar > .container {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
min-height: 3.25rem;
width: 100%;
}
.navbar.has-shadow {
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}
.navbar-brand {
-webkit-overflow-scrolling: touch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-shrink: 0;
max-width: 100vw;
min-height: 3.25rem;
overflow-x: auto;
@@ -6148,12 +5657,8 @@ a.nav-item:not(.button).is-tab.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;
}
@@ -6179,10 +5684,8 @@ a.nav-item:not(.button).is-tab.is-active {
.navbar-burger.is-active span:nth-child(1) {
margin-left: -5px;
- -webkit-transform: rotate(45deg);
- transform: rotate(45deg);
- -webkit-transform-origin: left top;
- transform-origin: left top;
+ transform: rotate(45deg);
+ transform-origin: left top;
}
.navbar-burger.is-active span:nth-child(2) {
@@ -6191,10 +5694,8 @@ a.nav-item:not(.button).is-tab.is-active {
.navbar-burger.is-active span:nth-child(3) {
margin-left: -5px;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
- -webkit-transform-origin: left bottom;
- transform-origin: left bottom;
+ transform: rotate(-45deg);
+ transform-origin: left bottom;
}
.navbar-menu {
@@ -6218,11 +5719,8 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.navbar-item {
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 0;
+ flex-shrink: 0;
}
.navbar-item img {
@@ -6254,11 +5752,8 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.navbar-content {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
}
.navbar-link {
@@ -6289,16 +5784,11 @@ a.navbar-item:hover, a.navbar-item.is-active,
display: block;
}
.navbar-brand .navbar-item {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
}
.navbar-menu {
- -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
- box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
padding: 0.5rem 0;
}
.navbar-menu.is-active {
@@ -6311,11 +5801,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
.navbar-menu,
.navbar-start,
.navbar-end {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
}
.navbar {
@@ -6342,17 +5828,11 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.navbar-item,
.navbar-link {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
}
.navbar-item.has-dropdown {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
+ align-items: stretch;
}
.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
@@ -6360,8 +5840,7 @@ 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;
- -webkit-transform: translateY(0);
- transform: translateY(0);
+ transform: translateY(0);
}
.navbar-link::after {
border: 1px solid #00d1b2;
@@ -6372,30 +5851,22 @@ a.navbar-item:hover, a.navbar-item.is-active,
height: 0.5em;
pointer-events: none;
position: absolute;
- -webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
+ transform: rotate(-45deg);
width: 0.5em;
margin-top: -0.375em;
right: 1.125em;
top: 50%;
}
.navbar-menu {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
}
.navbar-start {
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
margin-right: auto;
}
.navbar-end {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
margin-left: auto;
}
.navbar-dropdown {
@@ -6403,8 +5874,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 1px solid #dbdbdb;
- -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
- box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
display: none;
font-size: 0.875rem;
left: 0;
@@ -6431,20 +5901,14 @@ a.navbar-item:hover, a.navbar-item.is-active,
.navbar-dropdown.is-boxed {
border-radius: 5px;
border-top: none;
- -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
- box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
display: block;
opacity: 0;
pointer-events: none;
top: calc(100% + (-4px));
- -webkit-transform: translateY(-5px);
- transform: translateY(-5px);
- -webkit-transition-duration: 86ms;
- transition-duration: 86ms;
- -webkit-transition-property: opacity, -webkit-transform;
- transition-property: opacity, -webkit-transform;
+ transform: translateY(-5px);
+ transition-duration: 86ms;
transition-property: opacity, transform;
- transition-property: opacity, transform, -webkit-transform;
}
.navbar-dropdown.is-right {
left: auto;
@@ -6489,15 +5953,9 @@ a.navbar-item:hover, a.navbar-item.is-active,
.pagination,
.pagination-list {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
text-align: center;
}
@@ -6507,21 +5965,14 @@ a.navbar-item:hover, a.navbar-item.is-active,
.pagination-ellipsis {
-moz-appearance: none;
-webkit-appearance: none;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
border: 1px solid transparent;
border-radius: 3px;
- -webkit-box-shadow: none;
- box-shadow: none;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
+ box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.375em - 1px);
padding-left: calc(0.625em - 1px);
@@ -6537,9 +5988,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
font-size: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
margin: 0.25rem;
text-align: center;
}
@@ -6590,8 +6039,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.pagination-previous[disabled],
@@ -6599,8 +6047,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
.pagination-link[disabled] {
background-color: #dbdbdb;
border-color: #dbdbdb;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #7a7a7a;
opacity: 0.5;
}
@@ -6624,96 +6071,59 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.pagination-list {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.pagination {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
.pagination-previous,
.pagination-next {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
}
.pagination-list li {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
}
}
@media screen and (min-width: 769px), print {
.pagination-list {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
+ justify-content: flex-start;
+ order: 1;
}
.pagination-previous {
- -webkit-box-ordinal-group: 3;
- -ms-flex-order: 2;
- order: 2;
+ order: 2;
}
.pagination-next {
- -webkit-box-ordinal-group: 4;
- -ms-flex-order: 3;
- order: 3;
+ order: 3;
}
.pagination {
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ justify-content: space-between;
}
.pagination.is-centered .pagination-previous {
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1;
+ order: 1;
}
.pagination.is-centered .pagination-list {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-ordinal-group: 3;
- -ms-flex-order: 2;
- order: 2;
+ justify-content: center;
+ order: 2;
}
.pagination.is-centered .pagination-next {
- -webkit-box-ordinal-group: 4;
- -ms-flex-order: 3;
- order: 3;
+ order: 3;
}
.pagination.is-right .pagination-previous {
- -webkit-box-ordinal-group: 2;
- -ms-flex-order: 1;
- order: 1;
+ order: 1;
}
.pagination.is-right .pagination-next {
- -webkit-box-ordinal-group: 3;
- -ms-flex-order: 2;
- order: 2;
+ order: 2;
}
.pagination.is-right .pagination-list {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- -webkit-box-ordinal-group: 4;
- -ms-flex-order: 3;
- order: 3;
+ justify-content: flex-end;
+ order: 3;
}
}
@@ -6750,16 +6160,10 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.panel-tabs {
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: flex-end;
display: flex;
font-size: 0.875em;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.panel-tabs a {
@@ -6782,16 +6186,10 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.panel-block {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
color: #363636;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
padding: 0.5em 0.75em;
}
@@ -6800,17 +6198,13 @@ a.navbar-item:hover, a.navbar-item.is-active,
}
.panel-block > .control {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
width: 100%;
}
.panel-block.is-wrapped {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
.panel-block.is-active {
@@ -6856,16 +6250,10 @@ label.panel-block:hover {
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
font-size: 1rem;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ justify-content: space-between;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
@@ -6876,19 +6264,13 @@ label.panel-block:hover {
}
.tabs a {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #4a4a4a;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
margin-bottom: -1px;
padding: 0.5em 1em;
vertical-align: top;
@@ -6909,23 +6291,14 @@ label.panel-block:hover {
}
.tabs ul {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
border-bottom-color: #dbdbdb;
border-bottom-style: solid;
border-bottom-width: 1px;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: flex-start;
}
.tabs ul.is-left {
@@ -6933,20 +6306,14 @@ label.panel-block:hover {
}
.tabs ul.is-center {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ flex: none;
+ justify-content: center;
padding-left: 0.75em;
padding-right: 0.75em;
}
.tabs ul.is-right {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
padding-left: 0.75em;
}
@@ -6959,15 +6326,11 @@ label.panel-block:hover {
}
.tabs.is-centered ul {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.tabs.is-right ul {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- justify-content: flex-end;
+ justify-content: flex-end;
}
.tabs.is-boxed a {
@@ -6987,11 +6350,8 @@ label.panel-block:hover {
}
.tabs.is-fullwidth li {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
}
.tabs.is-toggle a {
@@ -7045,61 +6405,43 @@ label.panel-block:hover {
.column {
display: block;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 1;
padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
}
.columns.is-mobile > .column.is-full {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-one-third {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
@@ -7124,9 +6466,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-1 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
@@ -7135,9 +6475,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-2 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
@@ -7146,9 +6484,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-3 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
@@ -7157,9 +6493,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-4 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
@@ -7168,9 +6502,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-5 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
@@ -7179,9 +6511,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-6 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
@@ -7190,9 +6520,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-7 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
@@ -7201,9 +6529,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-8 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
@@ -7212,9 +6538,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-9 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
@@ -7223,9 +6547,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-10 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
@@ -7234,9 +6556,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-11 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
@@ -7245,9 +6565,7 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-12 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
@@ -7257,44 +6575,30 @@ label.panel-block:hover {
@media screen and (max-width: 768px) {
.column.is-narrow-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
}
.column.is-full-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-three-quarters-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-two-thirds-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.6666%;
}
.column.is-half-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-one-third-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-three-quarters-mobile {
@@ -7313,108 +6617,84 @@ label.panel-block:hover {
margin-left: 25%;
}
.column.is-1-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
.column.is-offset-1-mobile {
margin-left: 8.33333%;
}
.column.is-2-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
.column.is-offset-2-mobile {
margin-left: 16.66667%;
}
.column.is-3-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-3-mobile {
margin-left: 25%;
}
.column.is-4-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
.column.is-offset-4-mobile {
margin-left: 33.33333%;
}
.column.is-5-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
.column.is-offset-5-mobile {
margin-left: 41.66667%;
}
.column.is-6-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-offset-6-mobile {
margin-left: 50%;
}
.column.is-7-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
.column.is-offset-7-mobile {
margin-left: 58.33333%;
}
.column.is-8-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
.column.is-offset-8-mobile {
margin-left: 66.66667%;
}
.column.is-9-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-offset-9-mobile {
margin-left: 75%;
}
.column.is-10-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
.column.is-offset-10-mobile {
margin-left: 83.33333%;
}
.column.is-11-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
.column.is-offset-11-mobile {
margin-left: 91.66667%;
}
.column.is-12-mobile {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-offset-12-mobile {
@@ -7424,44 +6704,30 @@ label.panel-block:hover {
@media screen and (min-width: 769px), print {
.column.is-narrow, .column.is-narrow-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
}
.column.is-full, .column.is-full-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-three-quarters, .column.is-three-quarters-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-two-thirds, .column.is-two-thirds-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.6666%;
}
.column.is-half, .column.is-half-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-one-third, .column.is-one-third-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.3333%;
}
.column.is-one-quarter, .column.is-one-quarter-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
@@ -7480,108 +6746,84 @@ label.panel-block:hover {
margin-left: 25%;
}
.column.is-1, .column.is-1-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
.column.is-offset-1, .column.is-offset-1-tablet {
margin-left: 8.33333%;
}
.column.is-2, .column.is-2-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
.column.is-offset-2, .column.is-offset-2-tablet {
margin-left: 16.66667%;
}
.column.is-3, .column.is-3-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet {
margin-left: 25%;
}
.column.is-4, .column.is-4-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
.column.is-offset-4, .column.is-offset-4-tablet {
margin-left: 33.33333%;
}
.column.is-5, .column.is-5-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
.column.is-offset-5, .column.is-offset-5-tablet {
margin-left: 41.66667%;
}
.column.is-6, .column.is-6-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet {
margin-left: 50%;
}
.column.is-7, .column.is-7-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
.column.is-offset-7, .column.is-offset-7-tablet {
margin-left: 58.33333%;
}
.column.is-8, .column.is-8-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
.column.is-offset-8, .column.is-offset-8-tablet {
margin-left: 66.66667%;
}
.column.is-9, .column.is-9-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet {
margin-left: 75%;
}
.column.is-10, .column.is-10-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
.column.is-offset-10, .column.is-offset-10-tablet {
margin-left: 83.33333%;
}
.column.is-11, .column.is-11-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
.column.is-offset-11, .column.is-offset-11-tablet {
margin-left: 91.66667%;
}
.column.is-12, .column.is-12-tablet {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-offset-12, .column.is-offset-12-tablet {
@@ -7591,44 +6833,30 @@ label.panel-block:hover {
@media screen and (max-width: 1007px) {
.column.is-narrow-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
}
.column.is-full-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-three-quarters-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-two-thirds-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.6666%;
}
.column.is-half-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-one-third-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.3333%;
}
.column.is-one-quarter-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-three-quarters-touch {
@@ -7647,108 +6875,84 @@ label.panel-block:hover {
margin-left: 25%;
}
.column.is-1-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
.column.is-offset-1-touch {
margin-left: 8.33333%;
}
.column.is-2-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
.column.is-offset-2-touch {
margin-left: 16.66667%;
}
.column.is-3-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-3-touch {
margin-left: 25%;
}
.column.is-4-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
.column.is-offset-4-touch {
margin-left: 33.33333%;
}
.column.is-5-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
.column.is-offset-5-touch {
margin-left: 41.66667%;
}
.column.is-6-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-offset-6-touch {
margin-left: 50%;
}
.column.is-7-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
.column.is-offset-7-touch {
margin-left: 58.33333%;
}
.column.is-8-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
.column.is-offset-8-touch {
margin-left: 66.66667%;
}
.column.is-9-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-offset-9-touch {
margin-left: 75%;
}
.column.is-10-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
.column.is-offset-10-touch {
margin-left: 83.33333%;
}
.column.is-11-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
.column.is-offset-11-touch {
margin-left: 91.66667%;
}
.column.is-12-touch {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-offset-12-touch {
@@ -7758,44 +6962,30 @@ label.panel-block:hover {
@media screen and (min-width: 1008px) {
.column.is-narrow-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
}
.column.is-full-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-three-quarters-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-two-thirds-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.6666%;
}
.column.is-half-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-one-third-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-three-quarters-desktop {
@@ -7814,108 +7004,84 @@ label.panel-block:hover {
margin-left: 25%;
}
.column.is-1-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
.column.is-offset-1-desktop {
margin-left: 8.33333%;
}
.column.is-2-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
.column.is-offset-2-desktop {
margin-left: 16.66667%;
}
.column.is-3-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-3-desktop {
margin-left: 25%;
}
.column.is-4-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
.column.is-offset-4-desktop {
margin-left: 33.33333%;
}
.column.is-5-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
.column.is-offset-5-desktop {
margin-left: 41.66667%;
}
.column.is-6-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-offset-6-desktop {
margin-left: 50%;
}
.column.is-7-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
.column.is-offset-7-desktop {
margin-left: 58.33333%;
}
.column.is-8-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
.column.is-offset-8-desktop {
margin-left: 66.66667%;
}
.column.is-9-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-offset-9-desktop {
margin-left: 75%;
}
.column.is-10-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
.column.is-offset-10-desktop {
margin-left: 83.33333%;
}
.column.is-11-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
.column.is-offset-11-desktop {
margin-left: 91.66667%;
}
.column.is-12-desktop {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-offset-12-desktop {
@@ -7925,44 +7091,30 @@ label.panel-block:hover {
@media screen and (min-width: 1200px) {
.column.is-narrow-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
}
.column.is-full-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-three-quarters-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.6666%;
}
.column.is-half-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-one-third-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-three-quarters-widescreen {
@@ -7981,108 +7133,84 @@ label.panel-block:hover {
margin-left: 25%;
}
.column.is-1-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
.column.is-offset-1-widescreen {
margin-left: 8.33333%;
}
.column.is-2-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
.column.is-offset-2-widescreen {
margin-left: 16.66667%;
}
.column.is-3-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-3-widescreen {
margin-left: 25%;
}
.column.is-4-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
.column.is-offset-4-widescreen {
margin-left: 33.33333%;
}
.column.is-5-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
.column.is-offset-5-widescreen {
margin-left: 41.66667%;
}
.column.is-6-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-offset-6-widescreen {
margin-left: 50%;
}
.column.is-7-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
.column.is-offset-7-widescreen {
margin-left: 58.33333%;
}
.column.is-8-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
.column.is-offset-8-widescreen {
margin-left: 66.66667%;
}
.column.is-9-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-offset-9-widescreen {
margin-left: 75%;
}
.column.is-10-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
.column.is-offset-10-widescreen {
margin-left: 83.33333%;
}
.column.is-11-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
.column.is-offset-11-widescreen {
margin-left: 91.66667%;
}
.column.is-12-widescreen {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-offset-12-widescreen {
@@ -8092,44 +7220,30 @@ label.panel-block:hover {
@media screen and (min-width: 1392px) {
.column.is-narrow-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
}
.column.is-full-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-three-quarters-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-two-thirds-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.6666%;
}
.column.is-half-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-one-third-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.3333%;
}
.column.is-one-quarter-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-three-quarters-fullhd {
@@ -8148,108 +7262,84 @@ label.panel-block:hover {
margin-left: 25%;
}
.column.is-1-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
.column.is-offset-1-fullhd {
margin-left: 8.33333%;
}
.column.is-2-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
.column.is-offset-2-fullhd {
margin-left: 16.66667%;
}
.column.is-3-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.column.is-offset-3-fullhd {
margin-left: 25%;
}
.column.is-4-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
.column.is-offset-4-fullhd {
margin-left: 33.33333%;
}
.column.is-5-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
.column.is-offset-5-fullhd {
margin-left: 41.66667%;
}
.column.is-6-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.column.is-offset-6-fullhd {
margin-left: 50%;
}
.column.is-7-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
.column.is-offset-7-fullhd {
margin-left: 58.33333%;
}
.column.is-8-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
.column.is-offset-8-fullhd {
margin-left: 66.66667%;
}
.column.is-9-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.column.is-offset-9-fullhd {
margin-left: 75%;
}
.column.is-10-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
.column.is-offset-10-fullhd {
margin-left: 83.33333%;
}
.column.is-11-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
.column.is-offset-11-fullhd {
margin-left: 91.66667%;
}
.column.is-12-fullhd {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
.column.is-offset-12-fullhd {
@@ -8272,9 +7362,7 @@ label.panel-block:hover {
}
.columns.is-centered {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.columns.is-gapless {
@@ -8298,8 +7386,7 @@ label.panel-block:hover {
@media screen and (min-width: 769px), print {
.columns.is-grid {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
.columns.is-grid > .column {
max-width: 33.3333%;
@@ -8312,52 +7399,35 @@ label.panel-block:hover {
}
.columns.is-mobile {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
.columns.is-multiline {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
.columns.is-vcentered {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
}
@media screen and (min-width: 769px), print {
.columns:not(.is-desktop) {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 1008px) {
.columns.is-desktop {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
}
.tile {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
+ align-items: stretch;
display: block;
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
- min-height: -webkit-min-content;
- min-height: -moz-min-content;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 1;
min-height: min-content;
}
@@ -8384,10 +7454,7 @@ label.panel-block:hover {
}
.tile.is-vertical {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
+ flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
@@ -8396,104 +7463,68 @@ label.panel-block:hover {
@media screen and (min-width: 769px), print {
.tile:not(.is-child) {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
.tile.is-1 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 8.33333%;
}
.tile.is-2 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 16.66667%;
}
.tile.is-3 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 25%;
}
.tile.is-4 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 33.33333%;
}
.tile.is-5 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 41.66667%;
}
.tile.is-6 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 50%;
}
.tile.is-7 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 58.33333%;
}
.tile.is-8 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 66.66667%;
}
.tile.is-9 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 75%;
}
.tile.is-10 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 83.33333%;
}
.tile.is-11 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 91.66667%;
}
.tile.is-12 {
- -webkit-box-flex: 0;
- -ms-flex: none;
- flex: none;
+ flex: none;
width: 100%;
}
}
.hero {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: stretch;
display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ flex-direction: column;
+ justify-content: space-between;
}
.hero .nav {
background: none;
- -webkit-box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
- box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
+ box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
}
.hero .tabs ul {
@@ -8524,8 +7555,7 @@ label.panel-block:hover {
}
.hero.is-white .nav {
- -webkit-box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
- box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
+ box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
}
@media screen and (max-width: 768px) {
@@ -8621,8 +7651,7 @@ label.panel-block:hover {
}
.hero.is-black .nav {
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
@@ -8718,8 +7747,7 @@ label.panel-block:hover {
}
.hero.is-light .nav {
- -webkit-box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
- box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
+ box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
}
@media screen and (max-width: 768px) {
@@ -8815,8 +7843,7 @@ label.panel-block:hover {
}
.hero.is-dark .nav {
- -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
- box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
+ box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
}
@media screen and (max-width: 768px) {
@@ -8912,8 +7939,7 @@ label.panel-block:hover {
}
.hero.is-primary .nav {
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
@@ -9009,8 +8035,7 @@ label.panel-block:hover {
}
.hero.is-info .nav {
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
@@ -9106,8 +8131,7 @@ label.panel-block:hover {
}
.hero.is-success .nav {
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
@@ -9203,8 +8227,7 @@ label.panel-block:hover {
}
.hero.is-warning .nav {
- -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
@@ -9300,8 +8323,7 @@ label.panel-block:hover {
}
.hero.is-danger .nav {
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
@@ -9388,20 +8410,13 @@ label.panel-block:hover {
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 1;
- flex-shrink: 1;
+ flex-grow: 1;
+ flex-shrink: 1;
}
.hero.is-halfheight {
@@ -9427,8 +8442,7 @@ label.panel-block:hover {
min-width: 100%;
position: absolute;
top: 50%;
- -webkit-transform: translate3d(-50%, -50%, 0);
- transform: translate3d(-50%, -50%, 0);
+ transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
@@ -9447,8 +8461,6 @@ label.panel-block:hover {
@media screen and (max-width: 768px) {
.hero-buttons .button {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
}
.hero-buttons .button:not(:last-child) {
@@ -9458,12 +8470,8 @@ label.panel-block:hover {
@media screen and (min-width: 769px), print {
.hero-buttons {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
.hero-buttons .button:not(:last-child) {
margin-right: 1.5rem;
@@ -9472,19 +8480,13 @@ label.panel-block:hover {
.hero-head,
.hero-foot {
- -webkit-box-flex: 0;
- -ms-flex-positive: 0;
- flex-grow: 0;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 0;
+ flex-shrink: 0;
}
.hero-body {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
padding: 3rem 1.5rem;
}
@@ -9773,8 +8775,7 @@ svg {
}
#carbon:hover {
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
}
@media screen and (min-width: 769px), print {
@@ -9829,54 +8830,18 @@ svg {
right: 0;
}
-@-webkit-keyframes floatUp {
- 0% {
- -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
- box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
- }
- 67% {
- -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- 100% {
- -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- -webkit-transform: scale(1);
- transform: scale(1);
- }
-}
-
@keyframes floatUp {
0% {
- -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
- box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
+ box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0), 0 0 0 rgba(10, 10, 10, 0);
+ transform: scale(0.86);
}
67% {
- -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- -webkit-transform: scale(1);
- transform: scale(1);
+ box-shadow: 0 0 0 rgba(10, 10, 10, 0), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
+ transform: scale(1);
}
100% {
- -webkit-box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
- -webkit-transform: scale(1);
- transform: scale(1);
- }
-}
-
-@-webkit-keyframes strokePath {
- from {
- stroke-dashoffset: 880;
- }
- to {
- stroke-dashoffset: 0;
+ box-shadow: 0 20px 60px rgba(10, 10, 10, 0.05), 0 5px 10px rgba(10, 10, 10, 0.1), 0 1px 1px rgba(10, 10, 10, 0.2);
+ transform: scale(1);
}
}
@@ -9889,129 +8854,59 @@ svg {
}
}
-@-webkit-keyframes fadeIn {
- from {
- opacity: 0;
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
- }
- to {
- opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
-}
-
@keyframes fadeIn {
from {
opacity: 0;
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
+ transform: scale(0.86);
}
to {
opacity: 1;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
-}
-
-@-webkit-keyframes fadeOut {
- 0% {
- opacity: 1;
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
- }
- 67% {
- opacity: 1;
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
- }
- 100% {
- opacity: 0;
- -webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
+ transform: scale(0.86);
}
67% {
opacity: 1;
- -webkit-transform: scale(0.86);
- transform: scale(0.86);
+ transform: scale(0.86);
}
100% {
opacity: 0;
- -webkit-transform: scale(1);
- transform: scale(1);
- }
-}
-
-@-webkit-keyframes slideDown {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(-10px);
- transform: translateY(-10px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
+ transform: scale(1);
}
}
@keyframes slideDown {
0% {
opacity: 0;
- -webkit-transform: translateY(-10px);
- transform: translateY(-10px);
+ transform: translateY(-10px);
}
100% {
opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
-}
-
-@-webkit-keyframes slideUp {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(10px);
- transform: translateY(10px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
+ transform: translateY(0);
}
}
@keyframes slideUp {
0% {
opacity: 0;
- -webkit-transform: translateY(10px);
- transform: translateY(10px);
+ transform: translateY(10px);
}
100% {
opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
+ transform: translateY(0);
}
}
#b {
- -webkit-animation-duration: 1.5s;
- animation-duration: 1.5s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-name: floatUp;
- animation-name: floatUp;
- -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
- animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
+ animation-duration: 1.5s;
+ animation-fill-mode: both;
+ animation-name: floatUp;
+ animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
border-radius: 24px;
display: inline-block;
height: 240px;
@@ -10033,25 +8928,17 @@ svg {
}
#b svg:first-child {
- -webkit-animation-duration: 1.5s;
- animation-duration: 1.5s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-name: fadeOut;
- animation-name: fadeOut;
- -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
- animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
+ animation-duration: 1.5s;
+ animation-fill-mode: both;
+ animation-name: fadeOut;
+ animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
}
#b svg:first-child g {
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-name: strokePath;
- animation-name: strokePath;
- -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
- animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
+ animation-duration: 1s;
+ animation-fill-mode: both;
+ animation-name: strokePath;
+ animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
fill: none;
stroke: #00d1b2;
stroke-dasharray: 880;
@@ -10059,16 +8946,11 @@ svg {
}
#b svg:last-child {
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- -webkit-animation-name: fadeIn;
- animation-name: fadeIn;
- -webkit-animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
- animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
+ animation-delay: 1s;
+ animation-duration: 1s;
+ animation-fill-mode: both;
+ animation-name: fadeIn;
+ animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1);
}
#b svg:last-child g {
@@ -10084,32 +8966,21 @@ svg {
}
#bulma {
- -webkit-animation: slideDown 500ms both;
- animation: slideDown 500ms both;
+ animation: slideDown 500ms both;
}
#modern-framework {
- -webkit-animation: slideUp 500ms both;
- animation: slideUp 500ms both;
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s;
+ animation: slideUp 500ms both;
+ animation-delay: 0.2s;
}
#npm {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-animation: fadeIn 500ms both;
- animation: fadeIn 500ms both;
- -webkit-animation-delay: 0.4s;
- animation-delay: 0.4s;
+ align-items: center;
+ animation: fadeIn 500ms both;
+ animation-delay: 0.4s;
background: none;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
margin: -10px 0 20px;
}
@@ -10123,24 +8994,18 @@ svg {
}
#ghbtns {
- -webkit-animation: slideDown 500ms both;
- animation: slideDown 500ms both;
- -webkit-animation-delay: 0.6s;
- animation-delay: 0.6s;
+ animation: slideDown 500ms both;
+ animation-delay: 0.6s;
}
html.route-index #carbon {
- -webkit-animation: slideUp 500ms both;
- animation: slideUp 500ms both;
- -webkit-animation-delay: 0.8s;
- animation-delay: 0.8s;
+ animation: slideUp 500ms both;
+ animation-delay: 0.8s;
}
#download {
- -webkit-animation: fadeIn 500ms both;
- animation: fadeIn 500ms both;
- -webkit-animation-delay: 1s;
- animation-delay: 1s;
+ animation: fadeIn 500ms both;
+ animation-delay: 1s;
}
#grid .notification {
@@ -10155,8 +9020,7 @@ html.route-index #carbon {
#tweet {
background: white;
border-radius: 5px;
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
padding: 1.5rem;
}
@@ -10171,18 +9035,18 @@ html.route-index #carbon {
color: white;
}
-.tw-button {
+.bd-tw-button {
background-color: #55acee;
color: white;
border-color: transparent !important;
}
-.tw-button:hover {
+.bd-tw-button:hover {
background-color: #49a6ed;
color: white;
}
-.tw-button:active, .tw-button:focus {
+.bd-tw-button:active, .bd-tw-button:focus {
background-color: #3ea1ec;
color: white;
}
@@ -10201,9 +9065,7 @@ html.route-index #carbon {
padding-right: 1rem;
}
#moreDropdown .navbar-item .level {
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ flex-grow: 1;
}
}
@@ -10233,17 +9095,10 @@ html.route-index #carbon {
}
#social {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ flex-wrap: wrap;
+ justify-content: flex-start;
}
#social > iframe,
@@ -10271,32 +9126,22 @@ html.route-index #carbon {
}
#social .fb-like {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
width: 130px;
}
#newsletter .input {
border-color: white;
- -webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
#sister ul {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
#sister li {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
height: 30px;
margin: 5px 1rem 0 0;
@@ -10326,10 +9171,9 @@ html.route-index #carbon {
width: 320px;
}
-.color {
+.bd-color {
border-radius: 2px;
- -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
- box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
display: inline-block;
float: left;
height: 24px;
@@ -10337,65 +9181,65 @@ html.route-index #carbon {
width: 24px;
}
-.button.is-rss {
+.button.bd-is-rss {
background-color: #f26522;
border-color: transparent;
color: #fff;
}
-.button.is-rss:hover {
+.button.bd-is-rss:hover {
background-color: #ed560e;
}
-.button.is-rss:active {
+.button.bd-is-rss:active {
background-color: #d54d0d;
}
-.view-all-versions {
+.bd-view-all-versions {
color: #7a7a7a;
}
-.view-all-versions:hover {
+.bd-view-all-versions:hover {
text-decoration: underline;
}
-.feature-title {
+.bd-feature-title {
color: #7a7a7a;
}
-.feature-title a {
+.bd-feature-title a {
border-bottom: 1px solid transparent;
color: #363636;
}
-.feature-title a:hover {
+.bd-feature-title a:hover {
border-bottom-color: #00d1b2;
}
-.anchor-title {
+.bd-anchor-title {
padding-top: 1.5rem;
position: relative;
}
@media screen and (max-width: 1199px) {
- .anchor-title {
+ .bd-anchor-title {
padding-left: 2rem;
}
}
-.anchor-link {
+.bd-anchor-link {
position: absolute;
right: calc(100% + 1rem);
}
@media screen and (max-width: 1199px) {
- .anchor-link {
+ .bd-anchor-link {
left: 0;
right: auto;
}
}
-.article-image {
+.bd-article-image {
background-color: #00d1b2;
display: block;
height: 240px;
@@ -10405,75 +9249,72 @@ html.route-index #carbon {
text-align: center;
}
-.article-image.is-white {
+.bd-article-image.is-white {
background-color: white;
}
-.article-image.is-black {
+.bd-article-image.is-black {
background-color: #0a0a0a;
}
-.article-image.is-light {
+.bd-article-image.is-light {
background-color: whitesmoke;
}
-.article-image.is-dark {
+.bd-article-image.is-dark {
background-color: #363636;
}
-.article-image.is-primary {
+.bd-article-image.is-primary {
background-color: #00d1b2;
}
-.article-image.is-info {
+.bd-article-image.is-info {
background-color: #3273dc;
}
-.article-image.is-success {
+.bd-article-image.is-success {
background-color: #23d160;
}
-.article-image.is-warning {
+.bd-article-image.is-warning {
background-color: #ffdd57;
}
-.article-image.is-danger {
+.bd-article-image.is-danger {
background-color: #ff3860;
}
-.article-image.is-bootstrap {
+.bd-article-image.is-bootstrap {
background-color: #6f5499;
}
-.article-image.is-orange {
+.bd-article-image.is-orange {
background-color: #ff470f;
}
-.article-image:hover .article-overlay {
+.bd-article-image:hover .bd-article-overlay {
opacity: 0.25;
}
-.article-image:hover .article-icon {
- -webkit-transform: scale(1.4);
- transform: scale(1.4);
+.bd-article-image:hover .bd-article-icon {
+ transform: scale(1.4);
}
-.article-image:hover .article-date {
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
+.bd-article-image:hover .bd-article-date {
+ transform: scale(0.9);
}
-.article-image:hover .article-title {
- -webkit-transform: scale(1.1);
- transform: scale(1.1);
+.bd-article-image:hover .bd-article-title {
+ transform: scale(1.1);
}
-.article-image.is-single {
+.bd-article-image.is-single {
margin-bottom: 2rem;
width: 100%;
}
-.article-overlay {
+.bd-article-overlay {
bottom: 0;
left: 0;
position: absolute;
@@ -10481,68 +9322,54 @@ html.route-index #carbon {
top: 0;
background-color: #0a0a0a;
opacity: 0;
- -webkit-transition-duration: 86ms;
- transition-duration: 86ms;
- -webkit-transition-property: opacity;
+ transition-duration: 86ms;
transition-property: opacity;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
}
-.article-icon,
-.article-info {
+.bd-article-icon,
+.bd-article-info {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
-.article-icon,
-.article-date,
-.article-title {
- -webkit-transition-duration: 86ms;
- transition-duration: 86ms;
- -webkit-transition-property: -webkit-transform;
- transition-property: -webkit-transform;
+.bd-article-icon,
+.bd-article-date,
+.bd-article-title {
+ transition-duration: 86ms;
transition-property: transform;
- transition-property: transform, -webkit-transform;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
}
-.article-icon {
+.bd-article-icon {
color: #0a0a0a;
opacity: 0.25;
}
-.article-icon > span {
+.bd-article-icon > span {
display: block;
}
-.article-icon .fa {
+.bd-article-icon .fa {
font-size: 56px;
}
-.article-info {
+.bd-article-info {
padding: 20px;
}
-.article-date {
+.bd-article-date {
color: rgba(0, 0, 0, 0.5);
display: block;
}
-.article-title {
+.bd-article-title {
color: white;
display: block;
font-size: 2.5rem;
@@ -10551,13 +9378,13 @@ html.route-index #carbon {
padding: 0 20px;
}
-.emoji {
+.bd-emoji {
margin-right: 0.5em;
margin-top: 2px;
}
-.example,
-.structure {
+.bd-example,
+.bd-structure {
border: 1px solid #ffdd57;
border-top-right-radius: 3px;
color: rgba(0, 0, 0, 0.7);
@@ -10565,18 +9392,18 @@ html.route-index #carbon {
position: relative;
}
-.example:not(:first-child),
-.structure:not(:first-child) {
+.bd-example:not(:first-child),
+.bd-structure:not(:first-child) {
margin-top: 2rem;
}
-.example:not(:last-child),
-.structure:not(:last-child) {
+.bd-example:not(:last-child),
+.bd-structure:not(:last-child) {
margin-bottom: 1.5rem;
}
-.example:before,
-.structure:before {
+.bd-example:before,
+.bd-structure:before {
background: #ffdd57;
border-radius: 3px 3px 0 0;
bottom: 100%;
@@ -10593,22 +9420,22 @@ html.route-index #carbon {
}
@media screen and (min-width: 769px), print {
- .example.is-fullwidth,
- .structure.is-fullwidth {
+ .bd-example.is-fullwidth,
+ .bd-structure.is-fullwidth {
border-left: none;
border-right: none;
padding: 0;
}
}
-.example + .highlight {
+.bd-example + .highlight {
border: 1px solid #ffdd57;
border-radius: 0 0 3px 3px;
border-top: none;
margin-top: -1.5rem;
}
-.example + .highlight:not(:last-child) {
+.bd-example + .highlight:not(:last-child) {
margin-bottom: 1.5rem;
}
@@ -10627,23 +9454,23 @@ html.route-index #carbon {
max-height: none;
}
-.structure {
+.bd-structure {
border-color: #ff3860;
border-radius: 3px;
padding: 1.5rem;
}
-.structure:before {
+.bd-structure:before {
background: #ff3860;
color: #fff;
content: "Structure";
}
-.structure-item {
+.bd-structure-item {
position: relative;
}
-.structure-item:before {
+.bd-structure-item:before {
bottom: 0;
left: 0;
position: absolute;
@@ -10657,39 +9484,29 @@ html.route-index #carbon {
z-index: 1;
}
-.structure-item:after {
+.bd-structure-item:after {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+ align-items: center;
content: attr(title);
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
font-family: monospace;
font-size: 11px;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
padding: 3px 5px;
z-index: 2;
}
-.structure-item.is-structure-container {
+.bd-structure-item.bd-is-structure-container {
padding: 1.5rem 0.75rem 0.75rem;
}
-.structure-item.is-structure-container:after {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+.bd-structure-item.bd-is-structure-container:after {
+ align-items: flex-start;
+ justify-content: flex-start;
padding: 0.5rem 0.75rem;
}
@@ -10733,11 +9550,11 @@ html.route-index #carbon {
}
@media screen and (min-width: 769px), print {
- .section:not(.is-fullwidth) > .example:not(.is-fullwidth) {
+ .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
- .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight {
+ .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) + .highlight {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
@@ -10747,71 +9564,71 @@ html.route-index #carbon {
padding: 0 !important;
}
-.section.is-fullwidth .example {
+.section.is-fullwidth .bd-example {
border-left: none;
border-radius: 0;
border-right: none;
padding: 0;
}
-.section.is-fullwidth .example + .highlight {
+.section.is-fullwidth .bd-example + .highlight {
border-left: none;
border-radius: 0;
border-right: none;
}
-.callout {
+.bd-callout {
background-color: whitesmoke;
border-radius: 3px;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
position: relative;
}
-.callout:not(:last-child) {
+.bd-callout:not(:last-child) {
margin-bottom: 1.5rem;
}
-.callout.is-white {
+.bd-callout.is-white {
background-color: white;
color: #0a0a0a;
}
-.callout.is-black {
+.bd-callout.is-black {
background-color: #0a0a0a;
color: white;
}
-.callout.is-light {
+.bd-callout.is-light {
background-color: whitesmoke;
color: #363636;
}
-.callout.is-dark {
+.bd-callout.is-dark {
background-color: #363636;
color: whitesmoke;
}
-.callout.is-primary {
+.bd-callout.is-primary {
background-color: #00d1b2;
color: #fff;
}
-.callout.is-info {
+.bd-callout.is-info {
background-color: #3273dc;
color: #fff;
}
-.callout.is-success {
+.bd-callout.is-success {
background-color: #23d160;
color: #fff;
}
-.callout.is-warning {
+.bd-callout.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, 0.7);
}
-.callout.is-danger {
+.bd-callout.is-danger {
background-color: #ff3860;
color: #fff;
}
@@ -10839,8 +9656,7 @@ html.route-index #carbon {
#_default_ > a {
background-color: white;
border-radius: 5px;
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
display: block;
line-height: 1.375;
@@ -10852,13 +9668,11 @@ html.route-index #carbon {
}
#_default_ > a:hover, #_default_ > a:focus {
- -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
- box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
}
#_default_ > a:active {
- -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
- box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
}
#_default_ > a span {
@@ -10899,12 +9713,8 @@ html.route-index #carbon {
min-height: 120px;
}
#_default_ {
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
position: relative;
}
#_default_ .default-ad {
@@ -10972,122 +9782,103 @@ html.route-index .hero.is-primary a.column:hover .title strong {
}
}
-.tws {
+.bd-tws {
background-color: whitesmoke;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
overflow: auto;
padding: 20px;
}
-.tw {
+.bd-tw {
background-color: #fff;
border: 1px solid #e1e8ed;
border-radius: 5px;
color: #697882;
- -ms-flex-negative: 0;
- flex-shrink: 0;
+ flex-shrink: 0;
font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif;
font-size: 16px;
padding: 20px;
}
-.tw-header {
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- display: -webkit-box;
- display: -ms-flexbox;
+.bd-tw-header {
+ align-items: stretch;
display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- justify-content: flex-start;
+ justify-content: flex-start;
}
-.tw-author {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
+.bd-tw-author {
+ align-items: center;
color: #1c2022;
- display: -webkit-box;
- display: -ms-flexbox;
display: flex;
line-height: 1.2;
}
-.tw-author:hover {
+.bd-tw-author:hover {
color: #2b7bb9;
}
-.tw-avatar {
- -ms-flex-negative: 0;
- flex-shrink: 0;
+.bd-tw-avatar {
+ flex-shrink: 0;
height: 36px;
margin-right: 9px;
width: 36px;
}
-.tw-avatar img {
+.bd-tw-avatar img {
border-radius: 290486px;
display: block;
height: 36px;
width: 36px;
}
-.tw-fullname {
+.bd-tw-fullname {
color: currentColor;
display: block;
font-size: 16px;
font-weight: 700;
}
-.tw-username {
+.bd-tw-username {
color: #697882;
display: block;
font-size: 14px;
}
-.tw-content {
+.bd-tw-content {
color: #1c2022;
font-size: 16px;
line-height: 1.4;
margin-top: 14px;
}
-.tw-content a {
+.bd-tw-content a {
color: #2b7bb9;
}
-.tw-content .Emoji {
+.bd-tw-content .Emoji {
height: 1.25em;
padding: 0 .05em 0 .1em;
vertical-align: -.2em;
width: 1.25em;
}
-.tw-date {
+.bd-tw-date {
font-size: 14px;
line-height: 1.4;
margin-top: 3.2px;
}
-.tw-date a {
+.bd-tw-date a {
color: #697882;
}
-.tw-date a:hover {
+.bd-tw-date a:hover {
color: #2b7bb9;
}
.Tweet-actions {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
margin-top: 8.4px;
}
@@ -11097,11 +9888,7 @@ html.route-index .hero.is-primary a.column:hover .title strong {
}
.TweetAction {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ align-items: center;
display: flex;
height: 24px;
min-width: 24px;
@@ -11153,37 +9940,37 @@ html.route-index .hero.is-primary a.column:hover .title strong {
}
@media screen and (max-width: 768px) {
- .tws {
+ .bd-tws {
padding: 1.5rem;
}
- .tw {
+ .bd-tw {
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
- .tws {
+ .bd-tws {
padding: 3rem;
}
- .tw + .tw {
+ .bd-tw + .bd-tw {
margin-top: 1.5rem;
}
}
@media screen and (min-width: 1008px) {
- .tws {
+ .bd-tws {
min-height: 595px;
}
}
@media screen and (min-width: 1200px) {
- .tws {
+ .bd-tws {
min-height: 653px;
}
}
@media screen and (min-width: 1392px) {
- .tws {
+ .bd-tws {
min-height: 632px;
}
}
@@ -11222,196 +10009,154 @@ html.route-index .hero.is-primary a.column:hover .title strong {
padding: 0 !important;
}
-.expo {
+.bd-expo {
background-color: whitesmoke;
background-color: white;
padding: 1.5rem;
}
-.website {
+.bd-website {
display: block;
position: relative;
text-align: center;
}
-.website:last-child {
+.bd-website:last-child {
margin-bottom: 0;
}
-.website-image {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+.bd-website-image {
+ align-items: center;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
margin-bottom: 1.5rem;
position: relative;
}
-.website-image:hover .website-overlay {
+.bd-website-image:hover .bd-website-overlay {
opacity: 0.25;
}
-.website-overlay {
+.bd-website-overlay {
background-color: #0a0a0a;
opacity: 0;
- -webkit-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
@media screen and (max-width: 768px) {
- .website:not(:last-child) {
+ .bd-website:not(:last-child) {
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
- .expo {
+ .bd-expo {
padding-bottom: 3rem;
padding-top: 3rem;
}
- .websites {
- display: -webkit-box;
- display: -ms-flexbox;
+ .bd-websites {
display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ flex-wrap: wrap;
+ justify-content: space-between;
}
- .website {
+ .bd-website {
margin-top: 3rem;
width: calc(50% - 3rem);
}
- .website:nth-child(1), .website:nth-child(2) {
+ .bd-website:nth-child(1), .bd-website:nth-child(2) {
margin-top: 0;
}
- .website.is-highlighted {
+ .bd-website.bd-is-highlighted {
width: 100%;
}
- .website-image {
+ .bd-website-image {
margin-bottom: 3rem;
}
}
-.testimonials {
+.bd-testimonials {
background-color: whitesmoke;
}
-.testimonial {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- display: -webkit-box;
- display: -ms-flexbox;
+.bd-testimonial {
+ align-items: flex-start;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
-.testimonial-tweet {
+.bd-testimonial-tweet {
background-color: white;
}
-.more-loves {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+.bd-more-loves {
+ align-items: center;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
margin-top: 1.5rem;
text-align: center;
}
-.more-loves .button {
+.bd-more-loves .button {
height: auto;
padding: 0.75em 1.5em;
}
-.more-loves .button span {
- -webkit-transform-origin: center center;
- transform-origin: center center;
- -webkit-transition: -webkit-transform 86ms ease-out;
- transition: -webkit-transform 86ms ease-out;
+.bd-more-loves .button span {
+ transform-origin: center center;
transition: transform 86ms ease-out;
- transition: transform 86ms ease-out, -webkit-transform 86ms ease-out;
}
-.more-loves .button:hover span {
- -webkit-transform: scale(1.04);
- transform: scale(1.04);
+.bd-more-loves .button:hover span {
+ transform: scale(1.04);
}
@media screen and (max-width: 768px) {
- .testimonials {
+ .bd-testimonials {
padding: 1.5rem;
}
- .testimonial {
+ .bd-testimonial {
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
- .testimonials {
+ .bd-testimonials {
padding: 3rem;
}
- .testimonial + .testimonial {
+ .bd-testimonial + .bd-testimonial {
margin-top: 1.5rem;
}
}
@media screen and (min-width: 1008px) {
- .testimonials {
+ .bd-testimonials {
min-height: 595px;
}
}
@media screen and (min-width: 1200px) {
- .testimonials {
+ .bd-testimonials {
min-height: 653px;
}
}
@media screen and (min-width: 1392px) {
- .testimonials {
+ .bd-testimonials {
min-height: 632px;
}
}
-.rainbow {
- -webkit-animation: rainbow 8s ease infinite;
- animation: rainbow 8s ease infinite;
+.bd-rainbow {
+ animation: rainbow 8s ease infinite;
background-image: linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc);
background-size: 800% 800%;
}
-.hero.is-love .title,
-.hero.is-love .subtitle {
+.hero.bd-is-love .title,
+.hero.bd-is-love .subtitle {
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%;
@@ -11424,181 +10169,166 @@ html.route-index .hero.is-primary a.column:hover .title strong {
}
}
-.hug {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
- display: -webkit-box;
- display: -ms-flexbox;
+.bd-hug {
+ align-items: flex-start;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
-.embrace {
+.bd-embrace {
background-color: whitesmoke;
border-radius: 3px;
padding: 1.5rem;
}
@media screen and (max-width: 768px) {
- .love {
+ .bd-love {
padding: 1.5rem;
}
- .hug {
+ .bd-hug {
margin: 1.5rem;
}
- .embrace {
+ .bd-embrace {
text-align: center;
}
- .embrace:not(:first-child) {
+ .bd-embrace:not(:first-child) {
margin-top: 1.5rem;
}
- .embrace:not(:last-child) {
+ .bd-embrace:not(:last-child) {
margin-bottom: 1.5rem;
}
- .embrace-button {
+ .bd-embrace-button {
margin-top: 0.75rem;
}
}
@media screen and (min-width: 769px), print {
- .love {
+ .bd-love {
padding-bottom: 3rem;
padding-top: 3rem;
}
- .embrace {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
+ .bd-embrace {
+ align-items: center;
display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
+ justify-content: center;
}
- .embrace:not(:first-child) {
+ .bd-embrace:not(:first-child) {
margin-top: 3rem;
}
- .embrace:not(:last-child) {
+ .bd-embrace:not(:last-child) {
margin-bottom: 3rem;
}
- .embrace-button {
+ .bd-embrace-button {
margin-left: 1.5rem;
}
- .hugs {
- display: -webkit-box;
- display: -ms-flexbox;
+ .bd-hugs {
display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-wrap: wrap;
padding-bottom: 3rem;
}
- .hug {
+ .bd-hug {
margin-top: 1.5rem;
width: calc(33.3333% - 1rem);
}
- .hug:nth-child(1), .hug:nth-child(2), .hug:nth-child(3) {
+ .bd-hug:nth-child(1), .bd-hug:nth-child(2), .bd-hug:nth-child(3) {
margin-top: 0;
}
- .hug:nth-child(3n-1), .hug:nth-child(3n) {
+ .bd-hug:nth-child(3n-1), .bd-hug:nth-child(3n) {
margin-left: 1.5rem;
}
}
-.bootstrap .hero {
+.bd-bootstrap .hero {
background-color: #6f5499;
color: #fff;
}
-.bootstrap .hero .title,
-.bootstrap .hero .subtitle {
+.bd-bootstrap .hero .title,
+.bd-bootstrap .hero .subtitle {
color: currentColor;
}
-.bootstrap .hero .subtitle {
+.bd-bootstrap .hero .subtitle {
color: rgba(255, 255, 255, 0.5);
}
-.bootstrap .hero .subtitle a {
+.bd-bootstrap .hero .subtitle a {
border-bottom: 1px solid currentColor;
color: currentColor;
}
-.bootstrap .hero .subtitle a:hover {
+.bd-bootstrap .hero .subtitle a:hover {
color: #fff;
}
-.pros-heading {
+.bd-pros-heading {
padding: 0 2rem;
text-align: center;
}
-.pros-icon {
+.bd-pros-icon {
margin-bottom: 3rem;
text-align: center;
}
-.pros-icon svg {
+.bd-pros-icon svg {
height: 3rem;
width: auto;
}
-.pros-list {
+.bd-pros-list {
margin: 0 auto;
max-width: 540px;
}
-.pro .icon {
+.bd-pro .icon {
position: relative;
top: -1px;
}
-.pro .title {
+.bd-pro .title {
margin-bottom: 0.5rem;
}
-.pro + .pro {
+.bd-pro + .pro {
margin-top: 2rem;
padding-top: 2rem;
}
-.pro-content p:not(:last-child) {
+.bd-pro-content p:not(:last-child) {
margin-bottom: 0.5rem;
}
-.pro.is-bulma .icon {
+.bd-pro.is-bulma .icon {
color: #00d1b2;
}
-.pro.is-bootstrap .icon {
+.bd-pro.is-bootstrap .icon {
color: #6f5499;
}
-.separator {
+.bd-separator {
color: #dbdbdb;
margin: 0 0.25em;
}
-.comparison {
+.bd-comparison {
margin: 0 auto;
max-width: 42rem;
}
-.comparison .table {
+.bd-comparison .table {
color: #ff3860;
}
-.comparison .table thead th,
-.comparison .table tfoot th {
+.bd-comparison .table thead th,
+.bd-comparison .table tfoot th {
font-size: 1.5rem;
text-align: center;
}
-.comparison .table thead svg,
-.comparison .table tfoot svg {
+.bd-comparison .table thead svg,
+.bd-comparison .table tfoot svg {
height: 1.5rem;
margin-right: 1rem;
position: relative;
@@ -11606,36 +10336,36 @@ html.route-index .hero.is-primary a.column:hover .title strong {
width: auto;
}
-.comparison .table tbody th {
+.bd-comparison .table tbody th {
font-size: 1.25rem;
text-align: center;
}
-.comparison .table tbody td {
+.bd-comparison .table tbody td {
font-family: monospace;
width: 50%;
}
-.comparison .table tbody a {
+.bd-comparison .table tbody a {
color: currentColor;
}
-.comparison .table tbody a:hover {
+.bd-comparison .table tbody a:hover {
text-decoration: underline;
}
-.comparison .table .is-empty {
+.bd-comparison .table .is-empty {
background-color: whitesmoke;
color: #7a7a7a;
}
-.comparison .table .is-unique {
+.bd-comparison .table .is-unique {
background-color: rgba(35, 209, 96, 0.25);
color: #363636;
font-weight: 700;
}
-.comparison-header {
+.bd-comparison-header {
margin-bottom: 3rem;
}
@@ -11653,5 +10383,3 @@ html ::selection {
background: #00d1b2;
color: #fff;
}
-
-/*# sourceMappingURL=bulma-docs.css.map */
\ No newline at end of file
diff --git a/docs/documentation/components/breadcrumb.html b/docs/documentation/components/breadcrumb.html
index fed19e88..e5e2f0cf 100644
--- a/docs/documentation/components/breadcrumb.html
+++ b/docs/documentation/components/breadcrumb.html
@@ -160,7 +160,7 @@ variables:
-
+
-
{{breadcrumb_example}}
@@ -174,14 +174,14 @@ variables:
+
{{breadcrumb_centered_example}}
{% highlight html %}{{breadcrumb_centered_example}}{% endhighlight %}
-
+
-
{{breadcrumb_right_example}}
@@ -195,7 +195,7 @@ variables:
You can use any of the Font Awesome icons.
+
-
{{breadcrumb_icons_example}}
@@ -208,25 +208,25 @@ variables:
You can choose between 4 additional separators: has-arrow-separator has-bullet-separator has-dot-separator and has-succeeds-separator.
+
{{breadcrumb_arrow_example}}
{% highlight html %}{{breadcrumb_arrow_example}}{% endhighlight %}
-
+
{{breadcrumb_bullet_example}}
{% highlight html %}{{breadcrumb_bullet_example}}{% endhighlight %}
-
+
{{breadcrumb_dot_example}}
{% highlight html %}{{breadcrumb_dot_example}}{% endhighlight %}
-
+
-
{{breadcrumb_succeeds_example}}
@@ -238,19 +238,19 @@ variables:
You can choose between 3 additional sizes: is-small is-medium and is-large.
+
{{breadcrumb_small_example}}
{% highlight html %}{{breadcrumb_small_example}}{% endhighlight %}
-
+
{{breadcrumb_medium_example}}
{% highlight html %}{{breadcrumb_medium_example}}{% endhighlight %}
-
+
-
{{breadcrumb_large_example}}
diff --git a/docs/documentation/components/level.html b/docs/documentation/components/level.html
index f300757d..28a6f8f4 100644
--- a/docs/documentation/components/level.html
+++ b/docs/documentation/components/level.html
@@ -38,9 +38,9 @@ doc-subtab: level
In a level-item, you can then insert almost anything you want: a title, a button, a text input, or just simple text. No matter what elements you put inside a Bulma level, they will always be vertically centered.
-