diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 61224fff..978fde5d 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -165,12 +165,25 @@ input[type=button] { overflow: visible; } -@keyframes spin-around { +@-webkit-keyframes spin-around { from { - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } to { - transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes spin-around { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); } } @@ -222,6 +235,7 @@ a { color: #11e4c4; cursor: pointer; text-decoration: none; + -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; } @@ -294,8 +308,8 @@ table th { color: #242424; } -.block:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), -.subtitle:not(:last-child), .highlight:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { margin-bottom: 20px; } @@ -326,6 +340,355 @@ table th { vertical-align: top; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(18, 18, 18, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 24px; + position: relative; + vertical-align: top; + width: 24px; +} + +.delete:before, .modal-close:before, .delete:after, .modal-close:after { + background-color: white; + content: ""; + display: block; + height: 2px; + left: 50%; + margin-left: -25%; + margin-top: -1px; + position: absolute; + top: 50%; + width: 50%; +} + +.delete:before, .modal-close:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.delete:after, .modal-close:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.delete:hover, .modal-close:hover { + background-color: rgba(18, 18, 18, 0.5); +} + +.delete.is-small, .is-small.modal-close { + height: 16px; + width: 16px; +} + +.delete.is-medium, .is-medium.modal-close { + height: 32px; + width: 32px; +} + +.delete.is-large, .is-large.modal-close { + height: 40px; + width: 40px; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; + width: 24px; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 16px; + line-height: 16px; + text-align: center; + vertical-align: top; + width: 16px; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 32px; + line-height: 32px; + text-align: center; + vertical-align: top; + width: 32px; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 48px; + line-height: 48px; + text-align: center; + vertical-align: top; + width: 48px; +} + +.hamburger, .nav-toggle { + cursor: pointer; + display: block; + height: 50px; + position: relative; + width: 50px; +} + +.hamburger span, .nav-toggle span { + background-color: #7a7a7a; + display: block; + height: 1px; + left: 50%; + 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; +} + +.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.hamburger:hover, .nav-toggle:hover { + background-color: whitesmoke; +} + +.hamburger.is-active span, .is-active.nav-toggle span { + background-color: #11e4c4; +} + +.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { + opacity: 0; +} + +.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-size: 12px; + font-weight: normal; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader, .button.is-loading:after, .control.is-loading:after { + -webkit-animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 16px; + position: relative; + width: 16px; +} + +.number { + background-color: whitesmoke; + border-radius: 290486px; + display: inline-block; + font-size: 18px; + vertical-align: top; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #7a7a7a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 12px; + height: 24px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 16px; + padding-left: 10px; + padding-right: 10px; + vertical-align: top; + white-space: nowrap; +} + +.tag .delete, .tag .modal-close { + margin-left: 4px; + margin-right: -6px; +} + +.tag.is-white { + background-color: white; + color: #121212; +} + +.tag.is-black { + background-color: #121212; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #7a7a7a; +} + +.tag.is-dark { + background-color: #7a7a7a; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #11e4c4; + color: white; +} + +.tag.is-info { + background-color: #0f6bff; + color: white; +} + +.tag.is-success { + background-color: #20ee68; + color: white; +} + +.tag.is-warning { + background-color: #ffcf0f; + color: white; +} + +.tag.is-danger { + background-color: #ff0f3f; + color: white; +} + +.tag.is-small { + font-size: 11px; + height: 20px; + padding-left: 8px; + padding-right: 8px; +} + +.tag.is-medium { + font-size: 14px; + height: 32px; + padding-left: 14px; + padding-right: 14px; +} + +.tag.is-large { + font-size: 18px; + height: 40px; + line-height: 24px; + padding-left: 18px; + padding-right: 18px; +} + +.tag.is-large .delete, .tag.is-large .modal-close { + margin-left: 4px; + margin-right: -8px; +} + +.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + .is-block { display: block; } @@ -373,47 +736,63 @@ table th { } .is-flex { + display: -webkit-box; + display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .is-flex-mobile { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) { .is-flex-tablet { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-flex-tablet-only { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 979px) { .is-flex-touch { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 980px) { .is-flex-desktop { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-flex-desktop-only { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1180px) { .is-flex-widescreen { + display: -webkit-box !important; + display: -ms-flexbox !important; display: flex !important; } } @@ -511,47 +890,63 @@ table th { } .is-inline-flex { + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) { .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: 979px) { .is-inline-flex-tablet-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 979px) { .is-inline-flex-touch { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 980px) { .is-inline-flex-desktop { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-flex-desktop-only { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1180px) { .is-inline-flex-widescreen { + display: -webkit-inline-box !important; + display: -ms-inline-flexbox !important; display: inline-flex !important; } } @@ -652,6 +1047,38 @@ table th { padding: 0 !important; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .box { background-color: white; border-radius: 5px; @@ -668,24 +1095,381 @@ a.box:active { box-shadow: inset 0 1px 2px rgba(18, 18, 18, 0.2), 0 0 0 1px #11e4c4; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(18, 18, 18, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 24px; + position: relative; + vertical-align: top; + width: 24px; +} + +.delete:before, .modal-close:before, .delete:after, .modal-close:after { + background-color: white; + content: ""; + display: block; + height: 2px; + left: 50%; + margin-left: -25%; + margin-top: -1px; + position: absolute; + top: 50%; + width: 50%; +} + +.delete:before, .modal-close:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.delete:after, .modal-close:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.delete:hover, .modal-close:hover { + background-color: rgba(18, 18, 18, 0.5); +} + +.delete.is-small, .is-small.modal-close { + height: 16px; + width: 16px; +} + +.delete.is-medium, .is-medium.modal-close { + height: 32px; + width: 32px; +} + +.delete.is-large, .is-large.modal-close { + height: 40px; + width: 40px; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; + width: 24px; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 16px; + line-height: 16px; + text-align: center; + vertical-align: top; + width: 16px; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 32px; + line-height: 32px; + text-align: center; + vertical-align: top; + width: 32px; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 48px; + line-height: 48px; + text-align: center; + vertical-align: top; + width: 48px; +} + +.hamburger, .nav-toggle { + cursor: pointer; + display: block; + height: 50px; + position: relative; + width: 50px; +} + +.hamburger span, .nav-toggle span { + background-color: #7a7a7a; + display: block; + height: 1px; + left: 50%; + 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; +} + +.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.hamburger:hover, .nav-toggle:hover { + background-color: whitesmoke; +} + +.hamburger.is-active span, .is-active.nav-toggle span { + background-color: #11e4c4; +} + +.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { + opacity: 0; +} + +.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-size: 12px; + font-weight: normal; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader, .button.is-loading:after, .control.is-loading:after { + -webkit-animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 16px; + position: relative; + width: 16px; +} + +.number { + background-color: whitesmoke; + border-radius: 290486px; + display: inline-block; + font-size: 18px; + vertical-align: top; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #7a7a7a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 12px; + height: 24px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 16px; + padding-left: 10px; + padding-right: 10px; + vertical-align: top; + white-space: nowrap; +} + +.tag .delete, .tag .modal-close { + margin-left: 4px; + margin-right: -6px; +} + +.tag.is-white { + background-color: white; + color: #121212; +} + +.tag.is-black { + background-color: #121212; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #7a7a7a; +} + +.tag.is-dark { + background-color: #7a7a7a; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #11e4c4; + color: white; +} + +.tag.is-info { + background-color: #0f6bff; + color: white; +} + +.tag.is-success { + background-color: #20ee68; + color: white; +} + +.tag.is-warning { + background-color: #ffcf0f; + color: white; +} + +.tag.is-danger { + background-color: #ff0f3f; + color: white; +} + +.tag.is-small { + font-size: 11px; + height: 20px; + padding-left: 8px; + padding-right: 8px; +} + +.tag.is-medium { + font-size: 14px; + height: 32px; + padding-left: 14px; + padding-right: 14px; +} + +.tag.is-large { + font-size: 18px; + height: 40px; + line-height: 24px; + padding-left: 18px; + padding-right: 18px; +} + +.tag.is-large .delete, .tag.is-large .modal-close { + margin-left: 4px; + margin-right: -8px; +} + +.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + .button { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #242424; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; position: relative; vertical-align: top; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding-left: 10px; padding-right: 10px; text-align: center; @@ -1164,6 +1948,8 @@ a.box:active { } .button.is-fullwidth { + display: -webkit-box; + display: -ms-flexbox; display: flex; width: 100%; } @@ -1182,6 +1968,38 @@ a.box:active { position: absolute !important; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .content { color: #7a7a7a; } @@ -1296,18 +2114,373 @@ a.box:active { font-size: 18px; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(18, 18, 18, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 24px; + position: relative; + vertical-align: top; + width: 24px; +} + +.delete:before, .modal-close:before, .delete:after, .modal-close:after { + background-color: white; + content: ""; + display: block; + height: 2px; + left: 50%; + margin-left: -25%; + margin-top: -1px; + position: absolute; + top: 50%; + width: 50%; +} + +.delete:before, .modal-close:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.delete:after, .modal-close:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.delete:hover, .modal-close:hover { + background-color: rgba(18, 18, 18, 0.5); +} + +.delete.is-small, .is-small.modal-close { + height: 16px; + width: 16px; +} + +.delete.is-medium, .is-medium.modal-close { + height: 32px; + width: 32px; +} + +.delete.is-large, .is-large.modal-close { + height: 40px; + width: 40px; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; + width: 24px; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 16px; + line-height: 16px; + text-align: center; + vertical-align: top; + width: 16px; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 32px; + line-height: 32px; + text-align: center; + vertical-align: top; + width: 32px; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 48px; + line-height: 48px; + text-align: center; + vertical-align: top; + width: 48px; +} + +.hamburger, .nav-toggle { + cursor: pointer; + display: block; + height: 50px; + position: relative; + width: 50px; +} + +.hamburger span, .nav-toggle span { + background-color: #7a7a7a; + display: block; + height: 1px; + left: 50%; + 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; +} + +.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.hamburger:hover, .nav-toggle:hover { + background-color: whitesmoke; +} + +.hamburger.is-active span, .is-active.nav-toggle span { + background-color: #11e4c4; +} + +.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { + opacity: 0; +} + +.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-size: 12px; + font-weight: normal; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader, .button.is-loading:after, .control.is-loading:after { + -webkit-animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 16px; + position: relative; + width: 16px; +} + +.number { + background-color: whitesmoke; + border-radius: 290486px; + display: inline-block; + font-size: 18px; + vertical-align: top; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #7a7a7a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 12px; + height: 24px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 16px; + padding-left: 10px; + padding-right: 10px; + vertical-align: top; + white-space: nowrap; +} + +.tag .delete, .tag .modal-close { + margin-left: 4px; + margin-right: -6px; +} + +.tag.is-white { + background-color: white; + color: #121212; +} + +.tag.is-black { + background-color: #121212; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #7a7a7a; +} + +.tag.is-dark { + background-color: #7a7a7a; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #11e4c4; + color: white; +} + +.tag.is-info { + background-color: #0f6bff; + color: white; +} + +.tag.is-success { + background-color: #20ee68; + color: white; +} + +.tag.is-warning { + background-color: #ffcf0f; + color: white; +} + +.tag.is-danger { + background-color: #ff0f3f; + color: white; +} + +.tag.is-small { + font-size: 11px; + height: 20px; + padding-left: 8px; + padding-right: 8px; +} + +.tag.is-medium { + font-size: 14px; + height: 32px; + padding-left: 14px; + padding-right: 14px; +} + +.tag.is-large { + font-size: 18px; + height: 40px; + line-height: 24px; + padding-left: 18px; + padding-right: 18px; +} + +.tag.is-large .delete, .tag.is-large .modal-close { + margin-left: 4px; + margin-right: -8px; +} + +.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + .input, .textarea { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #242424; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; @@ -1475,15 +2648,21 @@ a.box:active { .select select { -moz-appearance: none; -webkit-appearance: none; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #242424; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; @@ -1588,7 +2767,8 @@ a.box:active { height: 7px; pointer-events: none; position: absolute; - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); width: 7px; margin-top: -6px; right: 16px; @@ -1699,9 +2879,13 @@ a.box:active { @media screen and (min-width: 769px) { .control-label { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; margin-right: 20px; padding-top: 7px; text-align: right; @@ -1718,8 +2902,12 @@ a.box:active { } .control.has-addons { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .control.has-addons .button, @@ -1780,24 +2968,34 @@ a.box:active { .control.has-addons .input.is-expanded, .control.has-addons .is-expanded.textarea, .control.has-addons .select.is-expanded { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .control.has-addons.has-addons-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .control.has-addons.has-addons-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .control.has-addons.has-addons-fullwidth .button, .control.has-addons.has-addons-fullwidth .input, .control.has-addons.has-addons-fullwidth .textarea, .control.has-addons.has-addons-fullwidth .select { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .control.has-icon > .fa { @@ -1899,8 +3097,12 @@ a.box:active { } .control.is-grouped { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .control.is-grouped > .control:not(:last-child) { @@ -1909,27 +3111,42 @@ a.box:active { } .control.is-grouped > .control.is-expanded { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .control.is-grouped.is-grouped-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .control.is-grouped.is-grouped-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } @media screen and (min-width: 769px) { .control.is-horizontal { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .control.is-horizontal > .control { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: 0; - flex-grow: 5; - flex-shrink: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 5; + -ms-flex-positive: 5; + flex-grow: 5; + -ms-flex-negative: 1; + flex-shrink: 1; } } @@ -2015,6 +3232,38 @@ a.box:active { width: 128px; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .notification { background-color: whitesmoke; border-radius: 3px; @@ -2084,6 +3333,38 @@ a.box:active { color: white; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .progress { -moz-appearance: none; -webkit-appearance: none; @@ -2338,6 +3619,38 @@ a.box:active { background-color: #f0f0f0; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .title, .subtitle { font-weight: 300; @@ -2529,6 +3842,38 @@ a.box:active { font-weight: 700; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .delete, .modal-close { -moz-appearance: none; -webkit-appearance: none; @@ -2557,18 +3902,20 @@ a.box:active { } .delete:before, .modal-close:before { - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .delete:after, .modal-close:after { - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .delete:hover, .modal-close:hover { background-color: rgba(18, 18, 18, 0.5); } -.delete.is-small, .tag:not(.is-large) .delete, .tag:not(.is-large) .modal-close, .is-small.modal-close { +.delete.is-small, .is-small.modal-close { height: 16px; width: 16px; } @@ -2644,8 +3991,12 @@ a.box: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; } @@ -2671,8 +4022,10 @@ a.box:active { .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { margin-left: -5px; - transform: rotate(45deg); - transform-origin: left top; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; } .hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { @@ -2681,8 +4034,10 @@ a.box:active { .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { margin-left: -5px; - transform: rotate(-45deg); - transform-origin: left bottom; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; } .heading { @@ -2707,7 +4062,8 @@ a.box:active { } .loader, .button.is-loading:after, .control.is-loading:after { - animation: spin-around 500ms infinite linear; + -webkit-animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -2728,14 +4084,20 @@ a.box:active { } .tag { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; color: #7a7a7a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; height: 24px; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; line-height: 16px; padding-left: 10px; padding-right: 10px; @@ -2820,7 +4182,7 @@ a.box:active { margin-right: -8px; } -.unselectable, .is-unselectable, .button, .delete, .modal-close, .tabs, .highlight .copy, +.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy, .highlight .expand { -webkit-touch-callout: none; -webkit-user-select: none; @@ -2830,26 +4192,42 @@ a.box:active { } .card-header { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; box-shadow: 0 1px 2px rgba(18, 18, 18, 0.1); + display: -webkit-box; + display: -ms-flexbox; display: flex; min-height: 40px; } .card-header-title { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; color: #242424; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; font-weight: bold; padding: 10px; } .card-header-icon { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; width: 40px; } @@ -2868,15 +4246,27 @@ a.box:active { .card-footer { border-top: 1px solid #dbdbdb; - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .card-footer-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; - justify-content: center; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 10px; } @@ -2906,43 +4296,61 @@ a.box:active { } .column { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; padding: 10px; } .columns.is-mobile > .column.is-narrow { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .columns.is-mobile > .column.is-full { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } @@ -2967,7 +4375,9 @@ a.box:active { } .columns.is-mobile > .column.is-1 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } @@ -2976,7 +4386,9 @@ a.box:active { } .columns.is-mobile > .column.is-2 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } @@ -2985,7 +4397,9 @@ a.box:active { } .columns.is-mobile > .column.is-3 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } @@ -2994,7 +4408,9 @@ a.box:active { } .columns.is-mobile > .column.is-4 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } @@ -3003,7 +4419,9 @@ a.box:active { } .columns.is-mobile > .column.is-5 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } @@ -3012,7 +4430,9 @@ a.box:active { } .columns.is-mobile > .column.is-6 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } @@ -3021,7 +4441,9 @@ a.box:active { } .columns.is-mobile > .column.is-7 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } @@ -3030,7 +4452,9 @@ a.box:active { } .columns.is-mobile > .column.is-8 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } @@ -3039,7 +4463,9 @@ a.box:active { } .columns.is-mobile > .column.is-9 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } @@ -3048,7 +4474,9 @@ a.box:active { } .columns.is-mobile > .column.is-10 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } @@ -3057,7 +4485,9 @@ a.box:active { } .columns.is-mobile > .column.is-11 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } @@ -3066,7 +4496,9 @@ a.box:active { } .columns.is-mobile > .column.is-12 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } @@ -3076,30 +4508,44 @@ a.box:active { @media screen and (max-width: 768px) { .column.is-narrow-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-mobile { @@ -3118,84 +4564,108 @@ a.box:active { margin-left: 25%; } .column.is-1-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-mobile { @@ -3205,30 +4675,44 @@ a.box:active { @media screen and (min-width: 769px) { .column.is-narrow, .column.is-narrow-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full, .column.is-full-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { @@ -3247,84 +4731,108 @@ a.box:active { margin-left: 25%; } .column.is-1, .column.is-1-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } .column.is-2, .column.is-2-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } .column.is-3, .column.is-3-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } .column.is-5, .column.is-5-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } .column.is-6, .column.is-6-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } .column.is-8, .column.is-8-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } .column.is-9, .column.is-9-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } .column.is-11, .column.is-11-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } .column.is-12, .column.is-12-tablet { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { @@ -3334,30 +4842,44 @@ a.box:active { @media screen and (min-width: 980px) { .column.is-narrow-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-desktop { @@ -3376,84 +4898,108 @@ a.box:active { margin-left: 25%; } .column.is-1-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-desktop { @@ -3463,30 +5009,44 @@ a.box:active { @media screen and (min-width: 1180px) { .column.is-narrow-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; } .column.is-full-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-widescreen { @@ -3505,84 +5065,108 @@ a.box:active { margin-left: 25%; } .column.is-1-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } .column.is-offset-12-widescreen { @@ -3605,7 +5189,9 @@ a.box:active { } .columns.is-centered { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .columns.is-gapless { @@ -3629,7 +5215,8 @@ a.box:active { @media screen and (min-width: 769px) { .columns.is-grid { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-grid > .column { max-width: 33.3333%; @@ -3642,34 +5229,53 @@ a.box:active { } .columns.is-mobile { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .columns.is-multiline { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-vcentered { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; } @media screen and (min-width: 769px) { .columns:not(.is-desktop) { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } @media screen and (min-width: 980px) { .columns.is-desktop { + display: -webkit-box; + display: -ms-flexbox; display: flex; } } .tile { - align-items: stretch; - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + -ms-grid-row-align: stretch; + align-items: stretch; + -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; + min-height: -webkit-min-content; + min-height: -moz-min-content; min-height: min-content; } @@ -3696,7 +5302,10 @@ a.box:active { } .tile.is-vertical { - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { @@ -3705,54 +5314,80 @@ a.box:active { @media screen and (min-width: 769px) { .tile:not(.is-child) { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .tile.is-1 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 8.33333%; } .tile.is-2 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 16.66667%; } .tile.is-3 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 25%; } .tile.is-4 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 33.33333%; } .tile.is-5 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 41.66667%; } .tile.is-6 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 50%; } .tile.is-7 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 58.33333%; } .tile.is-8 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 66.66667%; } .tile.is-9 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 75%; } .tile.is-10 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 83.33333%; } .tile.is-11 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 91.66667%; } .tile.is-12 { - flex: none; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; width: 100%; } } @@ -3982,6 +5617,38 @@ a.box:active { color: #2aa198; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .level-item .title, .level-item .subtitle { margin-bottom: 0; @@ -4000,7 +5667,9 @@ a.box:active { .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } @media screen and (max-width: 768px) { @@ -4011,22 +5680,37 @@ a.box:active { @media screen and (min-width: 769px) { .level-left { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } } @media screen and (min-width: 769px) { .level-right { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } } .level { - align-items: center; - justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .level code { @@ -4039,6 +5723,8 @@ a.box:active { } .level.is-mobile { + display: -webkit-box; + display: -ms-flexbox; display: flex; } @@ -4047,15 +5733,21 @@ a.box:active { } .level.is-mobile > .level-item:not(.is-narrow) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } @media screen and (min-width: 769px) { .level { + display: -webkit-box; + display: -ms-flexbox; display: flex; } .level > .level-item:not(.is-narrow) { - flex-grow: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } } @@ -4093,13 +5785,20 @@ a.box:active { } .media-content { - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; text-align: left; } .media { - align-items: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + display: -webkit-box; + display: -ms-flexbox; display: flex; text-align: left; } @@ -4110,6 +5809,8 @@ a.box:active { .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); + display: -webkit-box; + display: -ms-flexbox; display: flex; padding-top: 10px; } @@ -4184,6 +5885,38 @@ a.box:active { margin-top: 20px; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + .message-body { border: 1px solid #dbdbdb; border-radius: 3px; @@ -4341,6 +6074,355 @@ a.box:active { color: gray; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(18, 18, 18, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 24px; + position: relative; + vertical-align: top; + width: 24px; +} + +.delete:before, .modal-close:before, .delete:after, .modal-close:after { + background-color: white; + content: ""; + display: block; + height: 2px; + left: 50%; + margin-left: -25%; + margin-top: -1px; + position: absolute; + top: 50%; + width: 50%; +} + +.delete:before, .modal-close:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.delete:after, .modal-close:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.delete:hover, .modal-close:hover { + background-color: rgba(18, 18, 18, 0.5); +} + +.delete.is-small, .is-small.modal-close { + height: 16px; + width: 16px; +} + +.delete.is-medium, .is-medium.modal-close { + height: 32px; + width: 32px; +} + +.delete.is-large, .is-large.modal-close { + height: 40px; + width: 40px; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; + width: 24px; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 16px; + line-height: 16px; + text-align: center; + vertical-align: top; + width: 16px; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 32px; + line-height: 32px; + text-align: center; + vertical-align: top; + width: 32px; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 48px; + line-height: 48px; + text-align: center; + vertical-align: top; + width: 48px; +} + +.hamburger, .nav-toggle { + cursor: pointer; + display: block; + height: 50px; + position: relative; + width: 50px; +} + +.hamburger span, .nav-toggle span { + background-color: #7a7a7a; + display: block; + height: 1px; + left: 50%; + 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; +} + +.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.hamburger:hover, .nav-toggle:hover { + background-color: whitesmoke; +} + +.hamburger.is-active span, .is-active.nav-toggle span { + background-color: #11e4c4; +} + +.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { + opacity: 0; +} + +.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-size: 12px; + font-weight: normal; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader, .button.is-loading:after, .control.is-loading:after { + -webkit-animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 16px; + position: relative; + width: 16px; +} + +.number { + background-color: whitesmoke; + border-radius: 290486px; + display: inline-block; + font-size: 18px; + vertical-align: top; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #7a7a7a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 12px; + height: 24px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 16px; + padding-left: 10px; + padding-right: 10px; + vertical-align: top; + white-space: nowrap; +} + +.tag .delete, .tag .modal-close { + margin-left: 4px; + margin-right: -6px; +} + +.tag.is-white { + background-color: white; + color: #121212; +} + +.tag.is-black { + background-color: #121212; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #7a7a7a; +} + +.tag.is-dark { + background-color: #7a7a7a; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #11e4c4; + color: white; +} + +.tag.is-info { + background-color: #0f6bff; + color: white; +} + +.tag.is-success { + background-color: #20ee68; + color: white; +} + +.tag.is-warning { + background-color: #ffcf0f; + color: white; +} + +.tag.is-danger { + background-color: #ff0f3f; + color: white; +} + +.tag.is-small { + font-size: 11px; + height: 20px; + padding-left: 8px; + padding-right: 8px; +} + +.tag.is-medium { + font-size: 14px; + height: 32px; + padding-left: 14px; + padding-right: 14px; +} + +.tag.is-large { + font-size: 18px; + height: 40px; + line-height: 24px; + padding-left: 18px; + padding-right: 18px; +} + +.tag.is-large .delete, .tag.is-large .modal-close { + margin-left: 4px; + margin-right: -8px; +} + +.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + .modal-background { bottom: 0; left: 0; @@ -4376,19 +6458,31 @@ a.box:active { } .modal-card { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; background-color: whitesmoke; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-shrink: 0; - justify-content: flex-start; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 20px; position: relative; } @@ -4401,8 +6495,11 @@ a.box:active { .modal-card-title { color: #242424; - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; font-size: 24px; line-height: 1; } @@ -4419,8 +6516,11 @@ a.box:active { .modal-card-body { background-color: white; - flex-grow: 1; - flex-shrink: 1; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -4431,18 +6531,374 @@ a.box:active { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; display: none; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; overflow: hidden; position: fixed; z-index: 1986; } .modal.is-active { + display: -webkit-box; + display: -ms-flexbox; display: flex; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(18, 18, 18, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 24px; + position: relative; + vertical-align: top; + width: 24px; +} + +.delete:before, .modal-close:before, .delete:after, .modal-close:after { + background-color: white; + content: ""; + display: block; + height: 2px; + left: 50%; + margin-left: -25%; + margin-top: -1px; + position: absolute; + top: 50%; + width: 50%; +} + +.delete:before, .modal-close:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.delete:after, .modal-close:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.delete:hover, .modal-close:hover { + background-color: rgba(18, 18, 18, 0.5); +} + +.delete.is-small, .is-small.modal-close { + height: 16px; + width: 16px; +} + +.delete.is-medium, .is-medium.modal-close { + height: 32px; + width: 32px; +} + +.delete.is-large, .is-large.modal-close { + height: 40px; + width: 40px; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; + width: 24px; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 16px; + line-height: 16px; + text-align: center; + vertical-align: top; + width: 16px; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 32px; + line-height: 32px; + text-align: center; + vertical-align: top; + width: 32px; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 48px; + line-height: 48px; + text-align: center; + vertical-align: top; + width: 48px; +} + +.hamburger, .nav-toggle { + cursor: pointer; + display: block; + height: 50px; + position: relative; + width: 50px; +} + +.hamburger span, .nav-toggle span { + background-color: #7a7a7a; + display: block; + height: 1px; + left: 50%; + 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; +} + +.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.hamburger:hover, .nav-toggle:hover { + background-color: whitesmoke; +} + +.hamburger.is-active span, .is-active.nav-toggle span { + background-color: #11e4c4; +} + +.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { + opacity: 0; +} + +.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-size: 12px; + font-weight: normal; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader, .button.is-loading:after, .control.is-loading:after { + -webkit-animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 16px; + position: relative; + width: 16px; +} + +.number { + background-color: whitesmoke; + border-radius: 290486px; + display: inline-block; + font-size: 18px; + vertical-align: top; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #7a7a7a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 12px; + height: 24px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 16px; + padding-left: 10px; + padding-right: 10px; + vertical-align: top; + white-space: nowrap; +} + +.tag .delete, .tag .modal-close { + margin-left: 4px; + margin-right: -6px; +} + +.tag.is-white { + background-color: white; + color: #121212; +} + +.tag.is-black { + background-color: #121212; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #7a7a7a; +} + +.tag.is-dark { + background-color: #7a7a7a; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #11e4c4; + color: white; +} + +.tag.is-info { + background-color: #0f6bff; + color: white; +} + +.tag.is-success { + background-color: #20ee68; + color: white; +} + +.tag.is-warning { + background-color: #ffcf0f; + color: white; +} + +.tag.is-danger { + background-color: #ff0f3f; + color: white; +} + +.tag.is-small { + font-size: 11px; + height: 20px; + padding-left: 8px; + padding-right: 8px; +} + +.tag.is-medium { + font-size: 14px; + height: 32px; + padding-left: 14px; + padding-right: 14px; +} + +.tag.is-large { + font-size: 18px; + height: 40px; + line-height: 24px; + padding-left: 18px; + padding-right: 18px; +} + +.tag.is-large .delete, .tag.is-large .modal-close { + margin-left: 4px; + margin-right: -8px; +} + +.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + @media screen and (min-width: 769px) { .nav-toggle { display: none; @@ -4450,15 +6906,24 @@ a.box:active { } .nav-item { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 10px; } .nav-item a { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .nav-item img { @@ -4479,7 +6944,9 @@ a.box:active { @media screen and (max-width: 768px) { .nav-item { - justify-content: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } } @@ -4545,39 +7012,69 @@ a.nav-item.is-tab.is-active { } .nav-left { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; + -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: start; + -ms-flex-pack: start; + justify-content: flex-start; overflow: hidden; overflow-x: auto; white-space: nowrap; } .nav-center { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-left: auto; margin-right: auto; } @media screen and (min-width: 769px) { .nav-right { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-end; + -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: end; + -ms-flex-pack: end; + justify-content: flex-end; } } .nav { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; background-color: white; + display: -webkit-box; + display: -ms-flexbox; display: flex; min-height: 50px; position: relative; @@ -4586,7 +7083,11 @@ a.nav-item.is-tab.is-active { } .nav > .container { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; min-height: 50px; width: 100%; @@ -4620,9 +7121,15 @@ a.nav-item.is-tab.is-active { } .pagination { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; text-align: center; } @@ -4643,16 +7150,26 @@ a.nav-item.is-tab.is-active { } .pagination ul { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: center; + -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; } @media screen and (max-width: 768px) { .pagination { - flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .pagination > a { width: calc(50% - 5px); @@ -4661,8 +7178,11 @@ a.nav-item.is-tab.is-active { margin-left: 10px; } .pagination li { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .pagination ul { margin-top: 10px; @@ -4671,7 +7191,9 @@ a.nav-item.is-tab.is-active { @media screen and (min-width: 769px) { .pagination > a:not(:first-child) { - order: 1; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } } @@ -4712,10 +7234,14 @@ a.nav-item.is-tab.is-active { } .panel-tabs { + display: -webkit-box; + display: -ms-flexbox; display: flex; font-size: 11px; padding: 5px 10px 0; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .panel-tabs a { @@ -4757,10 +7283,397 @@ a.panel-block:hover { margin-bottom: 20px; } +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.block:not(:last-child), .highlight:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 20px; +} + +.container { + position: relative; +} + +@media screen and (min-width: 980px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1180px) { + .container { + max-width: 1200px; + } +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(18, 18, 18, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + height: 24px; + position: relative; + vertical-align: top; + width: 24px; +} + +.delete:before, .modal-close:before, .delete:after, .modal-close:after { + background-color: white; + content: ""; + display: block; + height: 2px; + left: 50%; + margin-left: -25%; + margin-top: -1px; + position: absolute; + top: 50%; + width: 50%; +} + +.delete:before, .modal-close:before { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} + +.delete:after, .modal-close:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.delete:hover, .modal-close:hover { + background-color: rgba(18, 18, 18, 0.5); +} + +.delete.is-small, .is-small.modal-close { + height: 16px; + width: 16px; +} + +.delete.is-medium, .is-medium.modal-close { + height: 32px; + width: 32px; +} + +.delete.is-large, .is-large.modal-close { + height: 40px; + width: 40px; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; + width: 24px; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 16px; + line-height: 16px; + text-align: center; + vertical-align: top; + width: 16px; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 32px; + line-height: 32px; + text-align: center; + vertical-align: top; + width: 32px; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 48px; + line-height: 48px; + text-align: center; + vertical-align: top; + width: 48px; +} + +.hamburger, .nav-toggle { + cursor: pointer; + display: block; + height: 50px; + position: relative; + width: 50px; +} + +.hamburger span, .nav-toggle span { + background-color: #7a7a7a; + display: block; + height: 1px; + left: 50%; + 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; +} + +.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) { + margin-top: -6px; +} + +.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) { + margin-top: -1px; +} + +.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) { + margin-top: 4px; +} + +.hamburger:hover, .nav-toggle:hover { + background-color: whitesmoke; +} + +.hamburger.is-active span, .is-active.nav-toggle span { + background-color: #11e4c4; +} + +.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { + margin-left: -5px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} + +.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { + opacity: 0; +} + +.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { + margin-left: -5px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: left bottom; + transform-origin: left bottom; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-size: 12px; + font-weight: normal; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader, .button.is-loading:after, .control.is-loading:after { + -webkit-animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 16px; + position: relative; + width: 16px; +} + +.number { + background-color: whitesmoke; + border-radius: 290486px; + display: inline-block; + font-size: 18px; + vertical-align: top; +} + +.tag { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + color: #7a7a7a; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 12px; + height: 24px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + line-height: 16px; + padding-left: 10px; + padding-right: 10px; + vertical-align: top; + white-space: nowrap; +} + +.tag .delete, .tag .modal-close { + margin-left: 4px; + margin-right: -6px; +} + +.tag.is-white { + background-color: white; + color: #121212; +} + +.tag.is-black { + background-color: #121212; + color: white; +} + +.tag.is-light { + background-color: whitesmoke; + color: #7a7a7a; +} + +.tag.is-dark { + background-color: #7a7a7a; + color: whitesmoke; +} + +.tag.is-primary { + background-color: #11e4c4; + color: white; +} + +.tag.is-info { + background-color: #0f6bff; + color: white; +} + +.tag.is-success { + background-color: #20ee68; + color: white; +} + +.tag.is-warning { + background-color: #ffcf0f; + color: white; +} + +.tag.is-danger { + background-color: #ff0f3f; + color: white; +} + +.tag.is-small { + font-size: 11px; + height: 20px; + padding-left: 8px; + padding-right: 8px; +} + +.tag.is-medium { + font-size: 14px; + height: 32px; + padding-left: 14px; + padding-right: 14px; +} + +.tag.is-large { + font-size: 18px; + height: 40px; + line-height: 24px; + padding-left: 18px; + padding-right: 18px; +} + +.tag.is-large .delete, .tag.is-large .modal-close { + margin-left: 4px; + margin-right: -8px; +} + +.unselectable, .delete, .modal-close, .is-unselectable, .button, .tabs, .highlight .copy, +.highlight .expand { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + .tabs { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: space-between; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; line-height: 24px; overflow: hidden; overflow-x: auto; @@ -4768,11 +7681,17 @@ a.panel-block:hover { } .tabs a { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border-bottom: 1px solid #dbdbdb; color: #7a7a7a; + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin-bottom: -1px; padding: 6px 12px; vertical-align: top; @@ -4793,12 +7712,21 @@ a.panel-block:hover { } .tabs ul { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; border-bottom: 1px solid #dbdbdb; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .tabs ul.is-left { @@ -4806,14 +7734,20 @@ a.panel-block:hover { } .tabs ul.is-center { - flex: none; - justify-content: center; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding-left: 10px; padding-right: 10px; } .tabs ul.is-right { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; padding-left: 10px; } @@ -4826,11 +7760,15 @@ a.panel-block:hover { } .tabs.is-centered ul { - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .tabs.is-right ul { - justify-content: flex-end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; } .tabs.is-boxed a { @@ -4852,8 +7790,11 @@ a.panel-block:hover { } .tabs.is-fullwidth li { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .tabs.is-toggle a { @@ -4947,7 +7888,8 @@ a.panel-block:hover { min-width: 100%; position: absolute; top: 50%; - transform: translate3d(-50%, -50%, 0); + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { @@ -4966,6 +7908,8 @@ a.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) { @@ -4975,8 +7919,12 @@ a.panel-block:hover { @media screen and (min-width: 769px) { .hero-buttons { + display: -webkit-box; + display: -ms-flexbox; display: flex; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 20px; @@ -4985,12 +7933,16 @@ a.panel-block:hover { .hero-head, .hero-foot { - flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; } .hero-body { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; padding: 40px 20px; } @@ -5002,11 +7954,20 @@ a.panel-block:hover { } .hero { - align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; background-color: white; + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: column; - justify-content: space-between; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .hero .nav { @@ -5090,6 +8051,7 @@ a.panel-block:hover { } .hero.is-white.is-bold { + background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%); background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } @@ -5180,6 +8142,7 @@ a.panel-block:hover { } .hero.is-black.is-bold { + background-image: -webkit-linear-gradient(309deg, black 0%, #121212 71%, #201d1d 100%); background-image: linear-gradient(141deg, black 0%, #121212 71%, #201d1d 100%); } @@ -5270,6 +8233,7 @@ a.panel-block:hover { } .hero.is-light.is-bold { + background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%); background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%); } @@ -5360,6 +8324,7 @@ a.panel-block:hover { } .hero.is-dark.is-bold { + background-image: -webkit-linear-gradient(309deg, #6b5757 0%, #7a7a7a 71%, #8d8181 100%); background-image: linear-gradient(141deg, #6b5757 0%, #7a7a7a 71%, #8d8181 100%); } @@ -5450,6 +8415,7 @@ a.panel-block:hover { } .hero.is-primary.is-bold { + background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%); background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%); } @@ -5540,6 +8506,7 @@ a.panel-block:hover { } .hero.is-info.is-bold { + background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%); background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%); } @@ -5630,6 +8597,7 @@ a.panel-block:hover { } .hero.is-success.is-bold { + background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%); background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%); } @@ -5720,6 +8688,7 @@ a.panel-block:hover { } .hero.is-warning.is-bold { + background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%); background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%); } @@ -5810,6 +8779,7 @@ a.panel-block:hover { } .hero.is-danger.is-bold { + background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%); background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%); } @@ -5847,13 +8817,20 @@ a.panel-block:hover { } .hero.is-fullheight .hero-body { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; } .hero.is-fullheight .hero-body > .container { - flex-grow: 1; - flex-shrink: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; } .section { @@ -6047,11 +9024,17 @@ body.page-grid .column > .notification { } #social { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; display: flex; height: 20px; margin-bottom: 1em; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } #social a { @@ -6173,12 +9156,18 @@ body.page-grid .column > .notification { position: absolute; right: 0; top: 0; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; content: attr(title); + display: -webkit-box; + display: -ms-flexbox; display: flex; font-family: "Inconsolata", "Consolas", "Monaco", monospace; font-size: 11px; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; padding: 3px 5px; z-index: 2; } @@ -6188,8 +9177,13 @@ body.page-grid .column > .notification { } .structure-item.is-structure-container:after { - align-items: flex-start; - justify-content: flex-start; + -webkit-box-align: start; + -ms-flex-align: start; + -ms-grid-row-align: flex-start; + align-items: flex-start; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; padding: 5px 10px; }