diff --git a/CHANGELOG.md b/CHANGELOG.md index b9720506..12a29c9d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,33 @@ # Bulma Changelog +## 0.3.0 + +* Use `rem` and `em` (!) +* Fix Font Awesome icons in buttons (!) +* Fix message colors (!) +* Use `{% capture %}` to ensure same display as code snippet (!) + +* Move variables to their own file +* Remove small tag +* Add `:focus` state +* Fix table +* Remove table `.is-icon` and `.is-link` +* Add `.content` table +* Fix inputs with icons +* Input icons require the `.icon` container +* Deprecate `.media-number` +* Fix `.level-item` height +* Fix `.menu` spacing +* Deprecate `.menu-nav` +* Add invert outlined buttons +* Fix `.nav` +* Fix `.pagination` +* Fix `.tabs` +* Fix `.panel` +* Fix `.delete` +* Add mixins documentation +* Add functions documentation + ## 0.2.2 * Fix: remove multiple imports diff --git a/bower.json b/bower.json index 2bce8b24..98fdc446 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "bulma", - "version": "0.2.3", + "version": "0.3.0", "homepage": "http://bulma.io", "authors": [ "jgthms " diff --git a/bulma.sass b/bulma.sass index aeaef512..42ca8f6c 100644 --- a/bulma.sass +++ b/bulma.sass @@ -1,4 +1,4 @@ -/*! bulma.io v0.2.3 | MIT License | github.com/jgthms/bulma */ +/*! bulma.io v0.3.0 | MIT License | github.com/jgthms/bulma */ @charset "utf-8" @import "sass/utilities/_all" diff --git a/css/bulma.css b/css/bulma.css index ecba3adc..6703f213 100644 --- a/css/bulma.css +++ b/css/bulma.css @@ -1,4 +1,4 @@ -/*! bulma.io v0.2.3 | MIT License | github.com/jgthms/bulma */ +/*! bulma.io v0.3.0 | MIT License | github.com/jgthms/bulma */ @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); @@ -106,7 +106,7 @@ th { } html { - background-color: whitesmoke; + background-color: white; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; @@ -139,14 +139,13 @@ pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: "Inconsolata", "Consolas", "Monaco", monospace; - line-height: 1.25; } body { color: #4a4a4a; font-size: 1rem; font-weight: 400; - line-height: 1.428571428571429; + line-height: 1.5; } a { @@ -164,9 +163,9 @@ a:hover { code { background-color: whitesmoke; color: #ff3860; - font-size: 12px; + font-size: 0.8em; font-weight: normal; - padding: 1px 2px 2px; + padding: 0.25em 0.5em 0.25em; } hr { @@ -174,7 +173,7 @@ hr { border: none; display: block; height: 1px; - margin: 20px 0; + margin: 1.5rem 0; } img { @@ -187,7 +186,7 @@ input[type="radio"] { } small { - font-size: 11px; + font-size: 0.8em; } span { @@ -203,16 +202,18 @@ strong { pre { background-color: whitesmoke; color: #4a4a4a; + font-size: 0.8em; white-space: pre; word-wrap: normal; } pre code { - background-color: whitesmoke; - color: #4a4a4a; + background: none; + color: inherit; display: block; + font-size: 1em; overflow-x: auto; - padding: 16px 20px; + padding: 1.25rem 1.5rem; } table { @@ -245,31 +246,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-block-tablet-only { display: block !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-block-touch { display: block !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-block-desktop { display: block !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-block-desktop-only { display: block !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-block-widescreen { display: block !important; } @@ -297,7 +298,7 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-flex-tablet-only { display: -webkit-box !important; display: -ms-flexbox !important; @@ -305,7 +306,7 @@ table th { } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-flex-touch { display: -webkit-box !important; display: -ms-flexbox !important; @@ -313,7 +314,7 @@ table th { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-flex-desktop { display: -webkit-box !important; display: -ms-flexbox !important; @@ -321,7 +322,7 @@ table th { } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-flex-desktop-only { display: -webkit-box !important; display: -ms-flexbox !important; @@ -329,7 +330,7 @@ table th { } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-flex-widescreen { display: -webkit-box !important; display: -ms-flexbox !important; @@ -353,31 +354,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-inline-tablet-only { display: inline !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-inline-touch { display: inline !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-inline-desktop { display: inline !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-inline-desktop-only { display: inline !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-inline-widescreen { display: inline !important; } @@ -399,31 +400,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-inline-block-tablet-only { display: inline-block !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-inline-block-touch { display: inline-block !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-inline-block-desktop { display: inline-block !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-inline-block-desktop-only { display: inline-block !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-inline-block-widescreen { display: inline-block !important; } @@ -451,7 +452,7 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-inline-flex-tablet-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -459,7 +460,7 @@ table th { } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-inline-flex-touch { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -467,7 +468,7 @@ table th { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-inline-flex-desktop { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -475,7 +476,7 @@ table th { } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-inline-flex-desktop-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -483,7 +484,7 @@ table th { } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-inline-flex-widescreen { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -545,31 +546,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-hidden-tablet-only { display: none !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-hidden-touch { display: none !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-hidden-desktop { display: none !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-hidden-desktop-only { display: none !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-hidden-widescreen { display: none !important; } @@ -600,11 +601,11 @@ table th { border-radius: 5px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; - padding: 20px; + padding: 1.25rem; } .box:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } a.box:hover, a.box:focus { @@ -621,21 +622,20 @@ a.box:active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: white; - border: 1px solid #dbdbdb; + border: none; border-radius: 3px; - color: #363636; + box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 14px; - height: 32px; + font-size: 1rem; + height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - line-height: 24px; - padding-left: 8px; - padding-right: 8px; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; position: relative; vertical-align: top; -webkit-touch-callout: none; @@ -643,88 +643,136 @@ a.box:active { -moz-user-select: none; -ms-user-select: none; user-select: none; + background-color: white; + border: 1px solid #dbdbdb; + color: #363636; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding-left: 10px; - padding-right: 10px; + padding-left: 0.75em; + padding-right: 0.75em; text-align: center; white-space: nowrap; } -.button:hover { - border-color: #b5b5b5; -} - -.button:active, .button:focus, .button.is-active { - border-color: #00d1b2; +.button:focus, .button.is-focused, .button:active, .button.is-active { outline: none; } .button[disabled], .button.is-disabled { - background-color: whitesmoke; - border-color: #dbdbdb; - cursor: not-allowed; pointer-events: none; } -.button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); -} - .button strong { color: inherit; } -.button small { - display: block; - font-size: 11px; - line-height: 1; - margin-top: 5px; +.button .icon:first-child:not(:last-child) { + margin-left: -0.25rem; + margin-right: 0.5rem; } -.button .icon:first-child, -.button .tag:first-child { - margin-left: -2px; - margin-right: 4px; +.button .icon:last-child:not(:first-child) { + margin-left: 0.5rem; + margin-right: -0.25rem; } -.button .icon:last-child, -.button .tag:last-child { - margin-left: 4px; - margin-right: -2px; +.button .icon:first-child:last-child { + margin-left: calc(-1px + -0.25rem); + margin-right: calc(-1px + -0.25rem); } -.button:hover, .button:focus, .button.is-active { +.button .icon.is-small:first-child:not(:last-child) { + margin-left: 0rem; +} + +.button .icon.is-small:last-child:not(:first-child) { + margin-right: 0rem; +} + +.button .icon.is-small:first-child:last-child { + margin-left: calc(-1px + 0rem); + margin-right: calc(-1px + 0rem); +} + +.button .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.5rem; +} + +.button .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.5rem; +} + +.button .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.5rem); + margin-right: calc(-1px + -0.5rem); +} + +.button .icon.is-large:first-child:not(:last-child) { + margin-left: -1rem; +} + +.button .icon.is-large:last-child:not(:first-child) { + margin-right: -1rem; +} + +.button .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -1rem); + margin-right: calc(-1px + -1rem); +} + +.button:hover, .button.is-hovered { + border-color: #b5b5b5; color: #363636; } -.button:active { +.button:focus, .button.is-focused { + border-color: #00d1b2; + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #363636; +} + +.button:active, .button.is-active { + border-color: #4a4a4a; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-link { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active { + background-color: whitesmoke; + color: #363636; } .button.is-white { background-color: white; - border-width: 0; + border-color: transparent; color: #0a0a0a; } -.button.is-white:hover, .button.is-white:focus, .button.is-white.is-active { +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.button.is-white:active, .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: #0a0a0a; } @@ -744,7 +792,6 @@ a.box:active { .button.is-white.is-outlined { background-color: transparent; border-color: white; - border-width: 1px; color: white; } @@ -754,15 +801,39 @@ a.box:active { color: #0a0a0a; } -.button.is-black { +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { background-color: #0a0a0a; - border-width: 0; color: white; } -.button.is-black:hover, .button.is-black:focus, .button.is-black.is-active { +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.button.is-black:active, .button.is-black.is-active { background-color: black; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: white; } @@ -782,7 +853,6 @@ a.box:active { .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; - border-width: 1px; color: #0a0a0a; } @@ -792,15 +862,39 @@ a.box:active { color: white; } +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; +} + .button.is-light { background-color: whitesmoke; - border-width: 0; + border-color: transparent; color: #363636; } -.button.is-light:hover, .button.is-light:focus, .button.is-light.is-active { +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.button.is-light:active, .button.is-light.is-active { background-color: #e8e8e8; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: #363636; } @@ -820,7 +914,6 @@ a.box:active { .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; - border-width: 1px; color: whitesmoke; } @@ -830,15 +923,39 @@ a.box:active { color: #363636; } -.button.is-dark { +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { background-color: #363636; - border-width: 0; color: whitesmoke; } -.button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active { +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.button.is-dark:active, .button.is-dark.is-active { background-color: #292929; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: whitesmoke; } @@ -858,7 +975,6 @@ a.box:active { .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; - border-width: 1px; color: #363636; } @@ -868,20 +984,44 @@ a.box:active { color: whitesmoke; } -.button.is-primary { - background-color: #00d1b2; - border-width: 0; - color: white; +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; } -.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active { +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.button.is-primary:active, .button.is-primary.is-active { background-color: #00b89c; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-primary.is-inverted { - background-color: white; + background-color: #fff; color: #00d1b2; } @@ -890,36 +1030,59 @@ a.box:active { } .button.is-primary.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined { background-color: transparent; border-color: #00d1b2; - border-width: 1px; color: #00d1b2; } .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { background-color: #00d1b2; border-color: #00d1b2; - color: white; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; } .button.is-info { background-color: #3273dc; - border-width: 0; - color: white; + border-color: transparent; + color: #fff; } -.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active { +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.button.is-info:active, .button.is-info.is-active { background-color: #2366d1; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-info.is-inverted { - background-color: white; + background-color: #fff; color: #3273dc; } @@ -928,36 +1091,59 @@ a.box:active { } .button.is-info.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined { background-color: transparent; border-color: #3273dc; - border-width: 1px; color: #3273dc; } .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { background-color: #3273dc; border-color: #3273dc; - color: white; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; } .button.is-success { background-color: #23d160; - border-width: 0; - color: white; + border-color: transparent; + color: #fff; } -.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active { +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.button.is-success:active, .button.is-success.is-active { background-color: #20bc56; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-success.is-inverted { - background-color: white; + background-color: #fff; color: #23d160; } @@ -966,31 +1152,54 @@ a.box:active { } .button.is-success.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined { background-color: transparent; border-color: #23d160; - border-width: 1px; color: #23d160; } .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { background-color: #23d160; border-color: #23d160; - color: white; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; } .button.is-warning { background-color: #ffdd57; - border-width: 0; + border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active { +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:active, .button.is-warning.is-active { background-color: #ffd83d; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: rgba(0, 0, 0, 0.7); } @@ -1010,7 +1219,6 @@ a.box:active { .button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; - border-width: 1px; color: #ffdd57; } @@ -1020,20 +1228,44 @@ a.box:active { color: rgba(0, 0, 0, 0.7); } -.button.is-danger { - background-color: #ff3860; - border-width: 0; - color: white; +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } -.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active { +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-danger { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.button.is-danger:active, .button.is-danger.is-active { background-color: #ff1f4b; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-danger.is-inverted { - background-color: white; + background-color: #fff; color: #ff3860; } @@ -1042,55 +1274,205 @@ a.box:active { } .button.is-danger.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined { background-color: transparent; border-color: #ff3860; - border-width: 1px; color: #ff3860; } .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { background-color: #ff3860; border-color: #ff3860; - color: white; + color: #fff; } -.button.is-link { +.button.is-danger.is-inverted.is-outlined { background-color: transparent; - border-width: 0; - color: #4a4a4a; - text-decoration: underline; + border-color: #fff; + color: #fff; } -.button.is-link:hover, .button.is-link:focus { - background-color: whitesmoke; - color: #363636; +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; } .button.is-small { border-radius: 2px; - font-size: 11px; - height: 24px; - line-height: 16px; - padding-left: 6px; - padding-right: 6px; + font-size: 0.75rem; +} + +.button.is-small .icon:first-child:not(:last-child) { + margin-left: -0.375rem; + margin-right: 0.375rem; +} + +.button.is-small .icon:last-child:not(:first-child) { + margin-left: 0.375rem; + margin-right: -0.375rem; +} + +.button.is-small .icon:first-child:last-child { + margin-left: calc(-1px + -0.375rem); + margin-right: calc(-1px + -0.375rem); +} + +.button.is-small .icon.is-small:first-child:not(:last-child) { + margin-left: -0.125rem; +} + +.button.is-small .icon.is-small:last-child:not(:first-child) { + margin-right: -0.125rem; +} + +.button.is-small .icon.is-small:first-child:last-child { + margin-left: calc(-1px + -0.125rem); + margin-right: calc(-1px + -0.125rem); +} + +.button.is-small .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.625rem; +} + +.button.is-small .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.625rem; +} + +.button.is-small .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.625rem); + margin-right: calc(-1px + -0.625rem); +} + +.button.is-small .icon.is-large:first-child:not(:last-child) { + margin-left: -1.125rem; +} + +.button.is-small .icon.is-large:last-child:not(:first-child) { + margin-right: -1.125rem; +} + +.button.is-small .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -1.125rem); + margin-right: calc(-1px + -1.125rem); } .button.is-medium { - font-size: 18px; - height: 40px; - padding-left: 14px; - padding-right: 14px; + font-size: 1.25rem; +} + +.button.is-medium .icon:first-child:not(:last-child) { + margin-left: -0.125rem; + margin-right: 0.625rem; +} + +.button.is-medium .icon:last-child:not(:first-child) { + margin-left: 0.625rem; + margin-right: -0.125rem; +} + +.button.is-medium .icon:first-child:last-child { + margin-left: calc(-1px + -0.125rem); + margin-right: calc(-1px + -0.125rem); +} + +.button.is-medium .icon.is-small:first-child:not(:last-child) { + margin-left: 0.125rem; +} + +.button.is-medium .icon.is-small:last-child:not(:first-child) { + margin-right: 0.125rem; +} + +.button.is-medium .icon.is-small:first-child:last-child { + margin-left: calc(-1px + 0.125rem); + margin-right: calc(-1px + 0.125rem); +} + +.button.is-medium .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.375rem; +} + +.button.is-medium .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.375rem; +} + +.button.is-medium .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.375rem); + margin-right: calc(-1px + -0.375rem); +} + +.button.is-medium .icon.is-large:first-child:not(:last-child) { + margin-left: -0.875rem; +} + +.button.is-medium .icon.is-large:last-child:not(:first-child) { + margin-right: -0.875rem; +} + +.button.is-medium .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -0.875rem); + margin-right: calc(-1px + -0.875rem); } .button.is-large { - font-size: 22px; - height: 48px; - padding-left: 20px; - padding-right: 20px; + font-size: 1.5rem; +} + +.button.is-large .icon:first-child:not(:last-child) { + margin-left: 0rem; + margin-right: 0.75rem; +} + +.button.is-large .icon:last-child:not(:first-child) { + margin-left: 0.75rem; + margin-right: 0rem; +} + +.button.is-large .icon:first-child:last-child { + margin-left: calc(-1px + 0rem); + margin-right: calc(-1px + 0rem); +} + +.button.is-large .icon.is-small:first-child:not(:last-child) { + margin-left: 0.25rem; +} + +.button.is-large .icon.is-small:last-child:not(:first-child) { + margin-right: 0.25rem; +} + +.button.is-large .icon.is-small:first-child:last-child { + margin-left: calc(-1px + 0.25rem); + margin-right: calc(-1px + 0.25rem); +} + +.button.is-large .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.25rem; +} + +.button.is-large .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.25rem; +} + +.button.is-large .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.25rem); + margin-right: calc(-1px + -0.25rem); +} + +.button.is-large .icon.is-large:first-child:not(:last-child) { + margin-left: -0.75rem; +} + +.button.is-large .icon.is-large:last-child:not(:first-child) { + margin-right: -0.75rem; +} + +.button.is-large .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -0.75rem); + margin-right: calc(-1px + -0.75rem); } .button[disabled], .button.is-disabled { @@ -1118,9 +1500,9 @@ a.box:active { border-top-color: transparent; content: ""; display: block; - height: 16px; + height: 1rem; position: relative; - width: 16px; + width: 1rem; left: 50%; margin-left: -8px; margin-top: -8px; @@ -1134,29 +1516,18 @@ a.box:active { } .content:not(:last-child) { - margin-bottom: 20px; -} - -.content a:not(.button) { - border-bottom: 1px solid #dbdbdb; -} - -.content a:not(.button):visited { - color: #b86bff; -} - -.content a:not(.button):hover { - border-bottom-color: #00d1b2; + margin-bottom: 1.5rem; } .content li + li { margin-top: 0.25em; } -.content blockquote:not(:last-child), .content p:not(:last-child), .content ol:not(:last-child), -.content ul:not(:last-child) { +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content table:not(:last-child) { margin-bottom: 1em; } @@ -1167,45 +1538,56 @@ a.box:active { .content h5, .content h6 { color: #363636; - font-weight: 300; + font-weight: 400; line-height: 1.125; - margin-bottom: 20px; } -.content h1:not(:first-child), -.content h2:not(:first-child), +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + .content h3:not(:first-child) { - margin-top: 40px; + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; } .content blockquote { background-color: whitesmoke; border-left: 5px solid #dbdbdb; - padding: 1.5em; -} - -.content h1 { - font-size: 2em; -} - -.content h2 { - font-size: 1.75em; -} - -.content h3 { - font-size: 1.5em; -} - -.content h4 { - font-size: 1.25em; -} - -.content h5 { - font-size: 1.125em; -} - -.content h6 { - font-size: 1em; + padding: 1.25em 1.5em; } .content ol { @@ -1231,20 +1613,54 @@ a.box:active { list-style-type: square; } -.content.is-medium { - font-size: 18px; +.content table { + width: 100%; } -.content.is-medium code { - font-size: 14px; +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; + text-align: left; +} + +.content table tr:hover { + background-color: whitesmoke; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; } .content.is-large { - font-size: 24px; -} - -.content.is-large code { - font-size: 18px; + font-size: 1.5rem; } .input, @@ -1254,50 +1670,67 @@ a.box:active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: white; - border: 1px solid #dbdbdb; + border: none; border-radius: 3px; - color: #363636; + box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 14px; - height: 32px; + font-size: 1rem; + height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - line-height: 24px; - padding-left: 8px; - padding-right: 8px; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; position: relative; vertical-align: top; + background-color: white; + border: 1px solid #dbdbdb; + color: #363636; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); max-width: 100%; width: 100%; } -.input:hover, -.textarea:hover { - border-color: #b5b5b5; -} - -.input:active, .input:focus, .input.is-active, -.textarea:active, +.input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus, +.textarea.is-focused, +.textarea:active, .textarea.is-active { - border-color: #00d1b2; outline: none; } .input[disabled], .input.is-disabled, .textarea[disabled], .textarea.is-disabled { - background-color: whitesmoke; - border-color: #dbdbdb; - cursor: not-allowed; pointer-events: none; } +.input:hover, .input.is-hovered, +.textarea:hover, +.textarea.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + border-color: #00d1b2; +} + +.input[disabled], .input.is-disabled, +.textarea[disabled], +.textarea.is-disabled { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; +} + .input[disabled]::-moz-placeholder, .input.is-disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .textarea.is-disabled::-moz-placeholder { @@ -1322,6 +1755,11 @@ a.box:active { color: rgba(54, 54, 54, 0.3); } +.input[type="search"], +.textarea[type="search"] { + border-radius: 290486px; +} + .input.is-white, .textarea.is-white { border-color: white; @@ -1367,37 +1805,20 @@ a.box:active { border-color: #ff3860; } -.input[type="search"], -.textarea[type="search"] { - border-radius: 290486px; -} - .input.is-small, .textarea.is-small { border-radius: 2px; - font-size: 11px; - height: 24px; - line-height: 16px; - padding-left: 6px; - padding-right: 6px; + font-size: 0.75rem; } .input.is-medium, .textarea.is-medium { - font-size: 18px; - height: 40px; - line-height: 32px; - padding-left: 10px; - padding-right: 10px; + font-size: 1.25rem; } .input.is-large, .textarea.is-large { - font-size: 24px; - height: 48px; - line-height: 40px; - padding-left: 12px; - padding-right: 12px; + font-size: 1.5rem; } .input.is-fullwidth, @@ -1414,7 +1835,7 @@ a.box:active { .textarea { display: block; - line-height: 1.2; + line-height: 1.25; max-height: 600px; max-width: 100%; min-height: 120px; @@ -1425,9 +1846,18 @@ a.box:active { .checkbox, .radio { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; cursor: pointer; - display: inline-block; - line-height: 16px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; position: relative; vertical-align: top; } @@ -1435,6 +1865,7 @@ a.box:active { .checkbox input, .radio input { cursor: pointer; + margin-right: 0.5em; } .checkbox:hover, @@ -1444,7 +1875,7 @@ a.box:active { .checkbox.is-disabled, .radio.is-disabled { - color: #dbdbdb; + color: #7a7a7a; pointer-events: none; } @@ -1454,61 +1885,89 @@ a.box:active { } .radio + .radio { - margin-left: 10px; + margin-left: 0.5em; } .select { display: inline-block; - height: 32px; + height: 2.5em; position: relative; vertical-align: top; } +.select:after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + z-index: 4; +} + .select select { -moz-appearance: none; -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: white; - border: 1px solid #dbdbdb; + border: none; border-radius: 3px; - color: #363636; + box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 14px; - height: 32px; + font-size: 1rem; + height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - line-height: 24px; - padding-left: 8px; - padding-right: 8px; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; position: relative; vertical-align: top; + background-color: white; + border: 1px solid #dbdbdb; + color: #363636; cursor: pointer; display: block; + font-size: 1em; outline: none; - padding-right: 36px; + padding-right: 2.5em; } -.select select:hover { - border-color: #b5b5b5; -} - -.select select:active, .select select:focus, .select select.is-active { - border-color: #00d1b2; +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { outline: none; } .select select[disabled], .select select.is-disabled { - background-color: whitesmoke; - border-color: #dbdbdb; - cursor: not-allowed; pointer-events: none; } +.select select:hover, .select select.is-hovered { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select[disabled], .select select.is-disabled { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; +} + .select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } @@ -1525,50 +1984,31 @@ a.box:active { color: rgba(54, 54, 54, 0.3); } -.select select.is-white { - border-color: white; -} - -.select select.is-black { - border-color: #0a0a0a; -} - -.select select.is-light { - border-color: whitesmoke; -} - -.select select.is-dark { - border-color: #363636; -} - -.select select.is-primary { - border-color: #00d1b2; -} - -.select select.is-info { - border-color: #3273dc; -} - -.select select.is-success { - border-color: #23d160; -} - -.select select.is-warning { - border-color: #ffdd57; -} - -.select select.is-danger { - border-color: #ff3860; -} - .select select:hover { border-color: #b5b5b5; } -.select select::-ms-expand { +.select select::ms-expand { display: none; } +.select:hover:after { + border-color: #363636; +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + .select.is-fullwidth { width: 100%; } @@ -1577,67 +2017,6 @@ a.box:active { width: 100%; } -.select:after { - border: 1px solid #00d1b2; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 7px; - pointer-events: none; - position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - width: 7px; - margin-top: -6px; - right: 16px; - top: 50%; -} - -.select:hover:after { - border-color: #363636; -} - -.select.is-small { - height: 24px; -} - -.select.is-small select { - border-radius: 2px; - font-size: 11px; - height: 24px; - line-height: 16px; - padding-left: 6px; - padding-right: 6px; - padding-right: 28px; -} - -.select.is-medium { - height: 40px; -} - -.select.is-medium select { - font-size: 18px; - height: 40px; - line-height: 32px; - padding-left: 10px; - padding-right: 10px; - padding-right: 44px; -} - -.select.is-large { - height: 48px; -} - -.select.is-large select { - font-size: 24px; - height: 48px; - line-height: 40px; - padding-left: 12px; - padding-right: 12px; - padding-right: 52px; -} - .label { color: #363636; display: block; @@ -1645,12 +2024,12 @@ a.box:active { } .label:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 0.5em; } .help { display: block; - font-size: 11px; + font-size: 0.75rem; margin-top: 5px; } @@ -1692,7 +2071,7 @@ a.box:active { @media screen and (max-width: 768px) { .control-label { - margin-bottom: 5px; + margin-bottom: 0.5em; } } @@ -1705,8 +2084,8 @@ a.box:active { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; - margin-right: 20px; - padding-top: 7px; + margin-right: 1.5em; + padding-top: 0.5em; text-align: right; } } @@ -1717,7 +2096,7 @@ a.box:active { } .control:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .control.has-addons { @@ -1743,11 +2122,11 @@ a.box:active { z-index: 2; } -.control.has-addons .button:active, .control.has-addons .button:focus, -.control.has-addons .input:active, +.control.has-addons .button:focus, .control.has-addons .button:active, .control.has-addons .input:focus, -.control.has-addons .select:active, -.control.has-addons .select:focus { +.control.has-addons .input:active, +.control.has-addons .select:focus, +.control.has-addons .select:active { z-index: 3; } @@ -1785,6 +2164,14 @@ a.box:active { flex-shrink: 0; } +.control.has-addons .select select:hover { + z-index: 2; +} + +.control.has-addons .select select:focus, .control.has-addons .select select:active { + z-index: 3; +} + .control.has-addons.has-addons-centered { -webkit-box-pack: center; -ms-flex-pack: center; @@ -1807,102 +2194,72 @@ a.box:active { flex-shrink: 0; } -.control.has-icon > .fa { - display: inline-block; - font-size: 14px; - height: 24px; - line-height: 24px; - text-align: center; - vertical-align: top; - width: 24px; +.control.has-icon .icon { color: #dbdbdb; pointer-events: none; position: absolute; - top: 4px; + top: 1.25rem; z-index: 4; } -.control.has-icon .input:focus + .fa { - color: #b5b5b5; +.control.has-icon .input:focus + .icon { + color: #7a7a7a; } -.control.has-icon .input.is-small + .fa { - font-size: 10.5px; - top: 0; +.control.has-icon .input.is-small + .icon { + top: 0.9375rem; } -.control.has-icon .input.is-medium + .fa { - font-size: 21px; - top: 8px; +.control.has-icon .input.is-medium + .icon { + top: 1.5625rem; } -.control.has-icon .input.is-large + .fa { - font-size: 21px; - top: 12px; +.control.has-icon .input.is-large + .icon { + top: 1.875rem; } -.control.has-icon:not(.has-icon-right) > .fa { - left: 4px; +.control.has-icon:not(.has-icon-right) .icon { + left: 1.25rem; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); } .control.has-icon:not(.has-icon-right) .input { - padding-left: 32px; + padding-left: 2.5em; } -.control.has-icon:not(.has-icon-right) .input.is-small { - padding-left: 24px; +.control.has-icon:not(.has-icon-right) .input.is-small + .icon { + left: 0.9375rem; } -.control.has-icon:not(.has-icon-right) .input.is-small + .fa { - left: 0; +.control.has-icon:not(.has-icon-right) .input.is-medium + .icon { + left: 1.5625rem; } -.control.has-icon:not(.has-icon-right) .input.is-medium { - padding-left: 40px; +.control.has-icon:not(.has-icon-right) .input.is-large + .icon { + left: 1.875rem; } -.control.has-icon:not(.has-icon-right) .input.is-medium + .fa { - left: 8px; -} - -.control.has-icon:not(.has-icon-right) .input.is-large { - padding-left: 48px; -} - -.control.has-icon:not(.has-icon-right) .input.is-large + .fa { - left: 12px; -} - -.control.has-icon.has-icon-right > .fa { - right: 4px; +.control.has-icon.has-icon-right .icon { + right: 1.25rem; + -webkit-transform: translateX(50%) translateY(-50%); + transform: translateX(50%) translateY(-50%); } .control.has-icon.has-icon-right .input { - padding-right: 32px; + padding-right: 2.5em; } -.control.has-icon.has-icon-right .input.is-small { - padding-right: 24px; +.control.has-icon.has-icon-right .input.is-small + .icon { + right: 0.9375rem; } -.control.has-icon.has-icon-right .input.is-small + .fa { - right: 0; +.control.has-icon.has-icon-right .input.is-medium + .icon { + right: 1.5625rem; } -.control.has-icon.has-icon-right .input.is-medium { - padding-right: 40px; -} - -.control.has-icon.has-icon-right .input.is-medium + .fa { - right: 8px; -} - -.control.has-icon.has-icon-right .input.is-large { - padding-right: 48px; -} - -.control.has-icon.has-icon-right .input.is-large + .fa { - right: 12px; +.control.has-icon.has-icon-right .input.is-large + .icon { + right: 1.875rem; } .control.is-grouped { @@ -1914,9 +2271,16 @@ a.box:active { justify-content: flex-start; } +.control.is-grouped > .control { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + .control.is-grouped > .control:not(:last-child) { margin-bottom: 0; - margin-right: 10px; + margin-right: 0.75rem; } .control.is-grouped > .control.is-expanded { @@ -1968,12 +2332,57 @@ a.box:active { border-top-color: transparent; content: ""; display: block; - height: 16px; + height: 1rem; position: relative; - width: 16px; + width: 1rem; position: absolute !important; - right: 8px; - top: 8px; + right: 0.75em; + top: 0.75em; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 1.5rem; + line-height: 1.5rem; + text-align: center; + vertical-align: top; + width: 1.5rem; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 1rem; + line-height: 1rem; + text-align: center; + vertical-align: top; + width: 1rem; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 2rem; + line-height: 2rem; + text-align: center; + vertical-align: top; + width: 2rem; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 3rem; + line-height: 3rem; + text-align: center; + vertical-align: top; + width: 3rem; } .image { @@ -2055,24 +2464,27 @@ a.box:active { .notification { background-color: whitesmoke; border-radius: 3px; - padding: 16px 20px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; position: relative; } .notification:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } -.notification:after { - clear: both; - content: " "; - display: table; +.notification code, +.notification pre { + background: white; +} + +.notification pre code { + background: transparent; } .notification .delete { - border-radius: 0 3px; - float: right; - margin: -16px -20px 0 20px; + position: absolute; + right: 0.5em; + top: 0.5em; } .notification .title, @@ -2103,17 +2515,17 @@ a.box:active { .notification.is-primary { background-color: #00d1b2; - color: white; + color: #fff; } .notification.is-info { background-color: #3273dc; - color: white; + color: #fff; } .notification.is-success { background-color: #23d160; - color: white; + color: #fff; } .notification.is-warning { @@ -2123,7 +2535,7 @@ a.box:active { .notification.is-danger { background-color: #ff3860; - color: white; + color: #fff; } .progress { @@ -2132,14 +2544,14 @@ a.box:active { border: none; border-radius: 290486px; display: block; - height: 12px; + height: 1rem; overflow: hidden; padding: 0; width: 100%; } .progress:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .progress::-webkit-progress-bar { @@ -2227,21 +2639,21 @@ a.box:active { } .progress.is-small { - height: 8px; + height: 0.75rem; } .progress.is-medium { - height: 16px; + height: 1.25rem; } .progress.is-large { - height: 20px; + height: 1.5rem; } .table { background-color: white; color: #363636; - margin-bottom: 20px; + margin-bottom: 1.5rem; width: 100%; } @@ -2249,56 +2661,10 @@ a.box:active { .table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; - padding: 8px 10px; + padding: 0.5em 0.75em; vertical-align: top; } -.table td.is-icon, -.table th.is-icon { - padding: 5px; - text-align: center; - white-space: nowrap; - width: 1%; -} - -.table td.is-icon .fa, -.table th.is-icon .fa { - display: inline-block; - font-size: 21px; - height: 24px; - line-height: 24px; - text-align: center; - vertical-align: top; - width: 24px; -} - -.table td.is-icon.is-link, -.table th.is-icon.is-link { - padding: 0; -} - -.table td.is-icon.is-link > a, -.table th.is-icon.is-link > a { - padding: 5px; -} - -.table td.is-link, -.table th.is-link { - padding: 0; -} - -.table td.is-link > a, -.table th.is-link > a { - display: block; - padding: 8px 10px; -} - -.table td.is-link > a:hover, -.table th.is-link > a:hover { - background-color: #00d1b2; - color: white; -} - .table td.is-narrow, .table th.is-narrow { white-space: nowrap; @@ -2311,7 +2677,7 @@ a.box:active { } .table tr:hover { - background-color: whitesmoke; + background-color: #fafafa; } .table thead td, @@ -2320,17 +2686,17 @@ a.box:active { color: #7a7a7a; } -.table tbody tr:last-child td, -.table tbody tr:last-child th { - border-bottom-width: 0; -} - .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #7a7a7a; } +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + .table.is-bordered td, .table.is-bordered th { border-width: 1px; @@ -2343,32 +2709,7 @@ a.box:active { .table.is-narrow td, .table.is-narrow th { - padding: 5px 10px; -} - -.table.is-narrow td.is-icon, -.table.is-narrow th.is-icon { - padding: 2px; -} - -.table.is-narrow td.is-icon.is-link, -.table.is-narrow th.is-icon.is-link { - padding: 0; -} - -.table.is-narrow td.is-icon.is-link > a, -.table.is-narrow th.is-icon.is-link > a { - padding: 2px; -} - -.table.is-narrow td.is-link, -.table.is-narrow th.is-link { - padding: 0; -} - -.table.is-narrow td.is-link > a, -.table.is-narrow th.is-link > a { - padding: 5px 10px; + padding: 0.25em 0.5em; } .table.is-striped tbody tr:nth-child(even) { @@ -2379,387 +2720,6 @@ a.box:active { background-color: whitesmoke; } -.title, -.subtitle { - font-weight: 300; - word-break: break-word; -} - -.title:not(:last-child), -.subtitle:not(:last-child) { - margin-bottom: 20px; -} - -.title em, -.title span, -.subtitle em, -.subtitle span { - font-weight: 300; -} - -.title a:hover, -.subtitle a:hover { - border-bottom: 1px solid; -} - -.title strong, -.subtitle strong { - font-weight: 500; -} - -.title .tag, -.subtitle .tag { - vertical-align: bottom; -} - -.title { - color: #363636; - font-size: 28px; - line-height: 1; -} - -.title code { - display: inline-block; - font-size: 28px; -} - -.title strong { - color: inherit; -} - -.title + .highlight { - margin-top: -10px; -} - -.title + .subtitle { - margin-top: -10px; -} - -.title.is-1 { - font-size: 48px; -} - -.title.is-1 code { - font-size: 40px; -} - -.title.is-2 { - font-size: 40px; -} - -.title.is-2 code { - font-size: 28px; -} - -.title.is-3 { - font-size: 28px; -} - -.title.is-3 code { - font-size: 24px; -} - -.title.is-4 { - font-size: 24px; -} - -.title.is-4 code { - font-size: 18px; -} - -.title.is-5 { - font-size: 18px; -} - -.title.is-5 code { - font-size: 14px; -} - -.title.is-6 { - font-size: 14px; -} - -.title.is-6 code { - font-size: 14px; -} - -.title.is-normal { - font-weight: 400; -} - -.title.is-normal strong { - font-weight: 700; -} - -@media screen and (min-width: 769px) { - .title + .subtitle { - margin-top: -15px; - } -} - -.subtitle { - color: #4a4a4a; - font-size: 18px; - line-height: 1.125; -} - -.subtitle code { - border-radius: 3px; - display: inline-block; - font-size: 14px; - padding: 2px 3px; - vertical-align: top; -} - -.subtitle strong { - color: #363636; -} - -.subtitle + .title { - margin-top: -20px; -} - -.subtitle.is-1 { - font-size: 48px; -} - -.subtitle.is-1 code { - font-size: 40px; -} - -.subtitle.is-2 { - font-size: 40px; -} - -.subtitle.is-2 code { - font-size: 28px; -} - -.subtitle.is-3 { - font-size: 28px; -} - -.subtitle.is-3 code { - font-size: 24px; -} - -.subtitle.is-4 { - font-size: 24px; -} - -.subtitle.is-4 code { - font-size: 18px; -} - -.subtitle.is-5 { - font-size: 18px; -} - -.subtitle.is-5 code { - font-size: 14px; -} - -.subtitle.is-6 { - font-size: 14px; -} - -.subtitle.is-6 code { - font-size: 14px; -} - -.subtitle.is-normal { - font-weight: 400; -} - -.subtitle.is-normal strong { - font-weight: 700; -} - -.block: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; - } -} - -.delete { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.1); - border: none; - border-radius: 290486px; - cursor: pointer; - display: inline-block; - height: 24px; - outline: none; - position: relative; - vertical-align: top; - width: 24px; -} - -.delete:before, .delete: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 { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} - -.delete:after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} - -.delete:hover { - background-color: rgba(10, 10, 10, 0.2); -} - -.delete.is-small { - height: 16px; - width: 16px; -} - -.delete.is-medium { - height: 32px; - width: 32px; -} - -.delete.is-large { - height: 40px; - width: 40px; -} - -.fa { - font-size: 21px; - text-align: center; - vertical-align: top; -} - -.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; -} - -.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:not(:last-child) { - margin-bottom: 20px; -} - -.highlight pre { - overflow: auto; - max-width: 100%; -} - -.loader { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 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; @@ -2770,21 +2730,21 @@ a.box:active { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 12px; - height: 24px; + font-size: 0.75rem; + height: 2em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - line-height: 16px; - padding-left: 10px; - padding-right: 10px; + line-height: 1.5; + padding-left: 0.875em; + padding-right: 0.875em; vertical-align: top; white-space: nowrap; } .tag .delete { - margin-left: 4px; - margin-right: -6px; + margin-left: 0.25em; + margin-right: -0.5em; } .tag.is-white { @@ -2809,17 +2769,17 @@ a.box:active { .tag.is-primary { background-color: #00d1b2; - color: white; + color: #fff; } .tag.is-info { background-color: #3273dc; - color: white; + color: #fff; } .tag.is-success { background-color: #23d160; - color: white; + color: #fff; } .tag.is-warning { @@ -2829,34 +2789,283 @@ a.box:active { .tag.is-danger { background-color: #ff3860; - color: white; -} - -.tag.is-small { - font-size: 11px; - height: 20px; - padding-left: 8px; - padding-right: 8px; + color: #fff; } .tag.is-medium { - font-size: 14px; - height: 32px; - padding-left: 14px; - padding-right: 14px; + font-size: 1rem; } .tag.is-large { - font-size: 18px; - height: 40px; - line-height: 24px; - padding-left: 18px; - padding-right: 18px; + font-size: 1.25rem; } -.tag.is-large .delete { - margin-left: 4px; - margin-right: -8px; +.title, +.subtitle { + word-break: break-word; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1.5rem; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: 300; +} + +.title strong, +.subtitle strong { + font-weight: 500; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 300; + line-height: 1.125; +} + +.title strong { + color: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title + .subtitle { + margin-top: -1.25rem; +} + +.title.is-1 { + font-size: 3.5rem; +} + +.title.is-2 { + font-size: 2.75rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 14px; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 300; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; +} + +.subtitle + .title { + margin-top: -1.5rem; +} + +.subtitle.is-1 { + font-size: 3.5rem; +} + +.subtitle.is-2 { + font-size: 2.75rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 14px; +} + +.block:not(:last-child) { + margin-bottom: 1.5rem; +} + +.container { + position: relative; +} + +@media screen and (min-width: 1000px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1192px) { + .container { + max-width: 1152px; + } +} + +.delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + font-size: 1rem; + height: 20px; + outline: none; + position: relative; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; + vertical-align: top; + width: 20px; +} + +.delete:before, .delete:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.delete:before { + height: 2px; + width: 50%; +} + +.delete:after { + height: 50%; + width: 2px; +} + +.delete:hover, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.delete.is-small { + height: 14px; + width: 14px; +} + +.delete.is-medium { + height: 26px; + width: 26px; +} + +.delete.is-large { + height: 30px; + width: 30px; +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1rem; + position: relative; + width: 1rem; +} + +.number { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; } .card-header { @@ -2867,13 +3076,12 @@ a.box:active { display: -webkit-box; display: -ms-flexbox; display: flex; - min-height: 40px; } .card-header-title { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #363636; display: -webkit-box; display: -ms-flexbox; @@ -2881,8 +3089,8 @@ a.box:active { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - font-weight: bold; - padding: 10px; + font-weight: 700; + padding: 0.75rem; } .card-header-icon { @@ -2896,7 +3104,7 @@ a.box:active { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - width: 40px; + padding: 0.75rem; } .card-image { @@ -2905,11 +3113,11 @@ a.box:active { } .card-content { - padding: 20px; + padding: 1.5rem; } .card-content .title + .subtitle { - margin-top: -20px; + margin-top: -1.5rem; } .card-footer { @@ -2929,13 +3137,17 @@ a.box:active { display: -webkit-box; display: -ms-flexbox; display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding: 10px; + padding: 0.75rem; } .card-footer-item:not(:last-child) { @@ -2948,244 +3160,29 @@ a.box:active { color: #4a4a4a; max-width: 100%; position: relative; - width: 300px; } .card .media:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } -.card.is-fullwidth { - width: 100%; -} - -.card.is-rounded { - border-radius: 5px; -} - -.highlight { - background-color: #fdf6e3; - color: #586e75; -} - -.highlight .c { - color: #93a1a1; -} - -.highlight .err, -.highlight .g { - color: #586e75; -} - -.highlight .k { - color: #859900; -} - -.highlight .l, -.highlight .n { - color: #586e75; -} - -.highlight .o { - color: #859900; -} - -.highlight .x { - color: #cb4b16; -} - -.highlight .p { - color: #586e75; -} - -.highlight .cm { - color: #93a1a1; -} - -.highlight .cp { - color: #859900; -} - -.highlight .c1 { - color: #93a1a1; -} - -.highlight .cs { - color: #859900; -} - -.highlight .gd { - color: #2aa198; -} - -.highlight .ge { - color: #586e75; - font-style: italic; -} - -.highlight .gr { - color: #dc322f; -} - -.highlight .gh { - color: #cb4b16; -} - -.highlight .gi { - color: #859900; -} - -.highlight .go, -.highlight .gp { - color: #586e75; -} - -.highlight .gs { - color: #586e75; - font-weight: bold; -} - -.highlight .gu { - color: #cb4b16; -} - -.highlight .gt { - color: #586e75; -} - -.highlight .kc { - color: #cb4b16; -} - -.highlight .kd { - color: #268bd2; -} - -.highlight .kn, -.highlight .kp { - color: #859900; -} - -.highlight .kr { - color: #268bd2; -} - -.highlight .kt { - color: #dc322f; -} - -.highlight .ld { - color: #586e75; -} - -.highlight .m, -.highlight .s { - color: #2aa198; -} - -.highlight .na { - color: #B58900; -} - -.highlight .nb { - color: #586e75; -} - -.highlight .nc { - color: #268bd2; -} - -.highlight .no { - color: #cb4b16; -} - -.highlight .nd { - color: #268bd2; -} - -.highlight .ni, -.highlight .ne { - color: #cb4b16; -} - -.highlight .nf { - color: #268bd2; -} - -.highlight .nl, -.highlight .nn, -.highlight .nx, -.highlight .py { - color: #586e75; -} - -.highlight .nt, -.highlight .nv { - color: #268bd2; -} - -.highlight .ow { - color: #859900; -} - -.highlight .w { - color: #586e75; -} - -.highlight .mf, -.highlight .mh, -.highlight .mi, -.highlight .mo { - color: #2aa198; -} - -.highlight .sb { - color: #93a1a1; -} - -.highlight .sc { - color: #2aa198; -} - -.highlight .sd { - color: #586e75; -} - -.highlight .s2 { - color: #2aa198; -} - -.highlight .se { - color: #cb4b16; -} - -.highlight .sh { - color: #586e75; -} - -.highlight .si, -.highlight .sx { - color: #2aa198; -} - -.highlight .sr { - color: #dc322f; -} - -.highlight .s1, -.highlight .ss { - color: #2aa198; -} - -.highlight .bp, -.highlight .vc, -.highlight .vg, -.highlight .vi { - color: #268bd2; -} - -.highlight .il { - color: #2aa198; +.level-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .level-item .title, @@ -3195,13 +3192,24 @@ a.box:active { @media screen and (max-width: 768px) { .level-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } } +.level-left, +.level-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { - margin-right: 10px; + margin-right: 0.75rem; } .level-left .level-item.is-flexible, @@ -3211,40 +3219,52 @@ a.box:active { flex-grow: 1; } +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + @media screen and (max-width: 768px) { .level-left + .level-right { - margin-top: 20px; + margin-top: 1.5rem; } } @media screen and (min-width: 769px) { .level-left { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } } +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + @media screen and (min-width: 769px) { .level-right { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } } .level { -webkit-box-align: center; -ms-flex-align: center; + -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; @@ -3252,7 +3272,7 @@ a.box:active { } .level:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .level code { @@ -3293,9 +3313,10 @@ a.box:active { } } -.media-number, .media-left, .media-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; @@ -3303,29 +3324,17 @@ a.box:active { flex-shrink: 0; } -.media-number { - background-color: whitesmoke; - border-radius: 290486px; - display: inline-block; - font-size: 18px; - height: 32px; - line-height: 24px; - margin-right: 10px; - min-width: 32px; - padding: 4px 8px; - text-align: center; - vertical-align: top; -} - .media-left { - margin-right: 10px; + margin-right: 1rem; } .media-right { - margin-left: 10px; + margin-left: 1rem; } .media-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; @@ -3345,7 +3354,7 @@ a.box:active { } .media .content:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .media .media { @@ -3353,49 +3362,46 @@ a.box:active { display: -webkit-box; display: -ms-flexbox; display: flex; - padding-top: 10px; + padding-top: 0.75rem; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 0.5rem; } .media .media .media { - padding-top: 5px; + padding-top: 0.5rem; } .media .media .media + .media { - margin-top: 5px; + margin-top: 0.5rem; } .media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); - margin-top: 10px; - padding-top: 10px; + margin-top: 1rem; + padding-top: 1rem; } .media.is-large + .media { - margin-top: 20px; - padding-top: 20px; + margin-top: 1.5rem; + padding-top: 1.5rem; } -@media screen and (min-width: 769px) { - .media.is-large .media-number { - margin-right: 20px; - } +.menu { + font-size: 1rem; } -.menu-nav a { - display: block; - padding: 5px 10px; +.menu-list { + line-height: 1.25; } .menu-list a { border-radius: 2px; color: #4a4a4a; display: block; - padding: 5px 10px; + padding: 0.5em 0.75em; } .menu-list a:hover { @@ -3405,60 +3411,38 @@ a.box:active { .menu-list a.is-active { background-color: #00d1b2; - color: white; + color: #fff; } .menu-list li ul { border-left: 1px solid #dbdbdb; - margin: 10px; - padding-left: 10px; + margin: 0.75em; + padding-left: 0.75em; } .menu-label { color: #7a7a7a; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; + font-size: 0.8em; + letter-spacing: 0.1em; text-transform: uppercase; } .menu-label:not(:first-child) { - margin-top: 20px; + margin-top: 1em; } -.message-body { - border: 1px solid #dbdbdb; - border-radius: 3px; - padding: 12px 15px; -} - -.message-body strong { - color: inherit; -} - -.message-header { - background-color: #4a4a4a; - border-radius: 3px 3px 0 0; - color: white; - padding: 7px 10px; -} - -.message-header strong { - color: inherit; -} - -.message-header + .message-body { - border-radius: 0 0 3px 3px; - border-top: none; +.menu-label:not(:last-child) { + margin-bottom: 1em; } .message { background-color: whitesmoke; border-radius: 3px; + font-size: 1rem; } .message:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .message.is-white { @@ -3472,11 +3456,11 @@ a.box:active { .message.is-white .message-body { border-color: white; - color: #666666; + color: #4d4d4d; } .message.is-black { - background-color: whitesmoke; + background-color: #fafafa; } .message.is-black .message-header { @@ -3486,11 +3470,11 @@ a.box:active { .message.is-black .message-body { border-color: #0a0a0a; - color: gray; + color: #090909; } .message.is-light { - background-color: whitesmoke; + background-color: #fafafa; } .message.is-light .message-header { @@ -3500,11 +3484,11 @@ a.box:active { .message.is-light .message-body { border-color: whitesmoke; - color: #666666; + color: #505050; } .message.is-dark { - background-color: whitesmoke; + background-color: #fafafa; } .message.is-dark .message-header { @@ -3514,53 +3498,53 @@ a.box:active { .message.is-dark .message-body { border-color: #363636; - color: gray; + color: #2a2a2a; } .message.is-primary { - background-color: #ebfffc; + background-color: #f5fffd; } .message.is-primary .message-header { background-color: #00d1b2; - color: white; + color: #fff; } .message.is-primary .message-body { border-color: #00d1b2; - color: gray; + color: #021310; } .message.is-info { - background-color: #eef3fc; + background-color: #f6f9fe; } .message.is-info .message-header { background-color: #3273dc; - color: white; + color: #fff; } .message.is-info .message-body { border-color: #3273dc; - color: gray; + color: #22509a; } .message.is-success { - background-color: #eefcf3; + background-color: #f6fef9; } .message.is-success .message-header { background-color: #23d160; - color: white; + color: #fff; } .message.is-success .message-body { border-color: #23d160; - color: gray; + color: #0e301a; } .message.is-warning { - background-color: #fffbeb; + background-color: #fffdf5; } .message.is-warning .message-header { @@ -3570,21 +3554,88 @@ a.box:active { .message.is-warning .message-body { border-color: #ffdd57; - color: gray; + color: #3b3108; } .message.is-danger { - background-color: #ffebef; + background-color: #fff5f7; } .message.is-danger .message-header { background-color: #ff3860; - color: white; + color: #fff; } .message.is-danger .message-body { border-color: #ff3860; - color: gray; + color: #cd0930; +} + +.message-header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #4a4a4a; + border-radius: 3px 3px 0 0; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.25; + padding: 0.5em 0.75em; + position: relative; +} + +.message-header a, +.message-header strong { + color: inherit; +} + +.message-header a { + text-decoration: underline; +} + +.message-header .delete { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: none; +} + +.message-body { + border: 1px solid #dbdbdb; + border-radius: 3px; + color: #4a4a4a; + padding: 1em 1.25em; +} + +.message-body a, +.message-body strong { + color: inherit; +} + +.message-body a { + text-decoration: underline; +} + +.message-body code, +.message-body pre { + background: white; +} + +.message-body pre code { + background: transparent; } .modal-background { @@ -3622,16 +3673,21 @@ a.box:active { user-select: none; -moz-appearance: none; -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.1); + background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; - height: 24px; + font-size: 1rem; + height: 20px; outline: none; position: relative; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; vertical-align: top; - width: 24px; + width: 20px; background: none; height: 40px; position: fixed; @@ -3644,42 +3700,44 @@ a.box:active { background-color: white; content: ""; display: block; - height: 2px; left: 50%; - margin-left: -25%; - margin-top: -1px; position: absolute; top: 50%; - width: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); } .modal-close:before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + height: 2px; + width: 50%; } .modal-close:after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + height: 50%; + width: 2px; } -.modal-close:hover { - background-color: rgba(10, 10, 10, 0.2); +.modal-close:hover, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.modal-close:active { + background-color: rgba(10, 10, 10, 0.4); } .modal-close.is-small { - height: 16px; - width: 16px; + height: 14px; + width: 14px; } .modal-close.is-medium { - height: 32px; - width: 32px; + height: 26px; + width: 26px; } .modal-close.is-large { - height: 40px; - width: 40px; + height: 30px; + width: 30px; } .modal-card { @@ -3725,7 +3783,7 @@ a.box:active { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; - font-size: 24px; + font-size: 1.5rem; line-height: 1; } @@ -3740,6 +3798,7 @@ a.box:active { } .modal-card-body { + -webkit-overflow-scrolling: touch; background-color: white; -webkit-box-flex: 1; -ms-flex-positive: 1; @@ -3758,6 +3817,7 @@ a.box:active { top: 0; -webkit-box-align: center; -ms-flex-align: center; + -ms-grid-row-align: center; align-items: center; display: none; -webkit-box-pack: center; @@ -3777,9 +3837,9 @@ a.box:active { .nav-toggle { cursor: pointer; display: block; - height: 50px; + height: 3.5rem; position: relative; - width: 50px; + width: 3.5rem; } .nav-toggle span { @@ -3857,10 +3917,11 @@ a.box:active { flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; + font-size: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding: 10px; + padding: 0.5rem 0.75rem; } .nav-item a { @@ -3872,19 +3933,19 @@ a.box:active { } .nav-item img { - max-height: 24px; + max-height: 1.75rem; } .nav-item .button + .button { - margin-left: 10px; + margin-left: 0.75rem; } -.nav-item .tag:first-child { - margin-right: 5px; +.nav-item .tag:first-child:not(:last-child) { + margin-right: 0.5rem; } -.nav-item .tag:last-child { - margin-left: 5px; +.nav-item .tag:last-child:not(:first-child) { + margin-left: 0.5rem; } @media screen and (max-width: 768px) { @@ -3914,21 +3975,30 @@ a.nav-item.is-active { a.nav-item.is-tab { border-bottom: 1px solid transparent; border-top: 1px solid transparent; - padding-left: 12px; - padding-right: 12px; + padding-bottom: calc(0.5rem - 1px); + padding-left: 1rem; + padding-right: 1rem; + padding-top: calc(0.5rem - 1px); } .nav-item a.is-tab:hover, a.nav-item.is-tab:hover { - border-bottom: 1px solid #00d1b2; - border-top: 1px solid transparent; + border-bottom-color: #00d1b2; + border-top-color: transparent; } .nav-item a.is-tab.is-active, a.nav-item.is-tab.is-active { border-bottom: 3px solid #00d1b2; - border-top: 3px solid transparent; color: #00d1b2; + padding-bottom: calc(0.5rem - 3px); +} + +@media screen and (min-width: 1000px) { + .nav-item a.is-brand, + a.nav-item.is-brand { + padding-left: 0; + } } @media screen and (max-width: 768px) { @@ -3943,26 +4013,25 @@ a.nav-item.is-tab.is-active { } .nav-menu .nav-item { border-top: 1px solid rgba(219, 219, 219, 0.5); - padding: 10px; + padding: 0.75rem; } .nav-menu.is-active { display: block; } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .nav-menu { - padding-right: 20px; + padding-right: 1.5rem; } } -.nav-left { +.nav-left, +.nav-right { -webkit-box-align: stretch; -ms-flex-align: stretch; + -ms-grid-row-align: stretch; align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; - display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; @@ -3970,6 +4039,12 @@ a.nav-item.is-tab.is-active { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; +} + +.nav-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; @@ -3985,6 +4060,11 @@ a.nav-item.is-tab.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; @@ -3992,24 +4072,17 @@ a.nav-item.is-tab.is-active { margin-right: auto; } +.nav-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + @media screen and (min-width: 769px) { .nav-right { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } } @@ -4021,7 +4094,7 @@ a.nav-item.is-tab.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; - min-height: 50px; + min-height: 3.5rem; position: relative; text-align: center; z-index: 2; @@ -4034,38 +4107,16 @@ a.nav-item.is-tab.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; - min-height: 50px; + min-height: 3.5rem; width: 100%; } -.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) { - padding-left: 0; -} - -.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) { - padding-right: 0; -} - -.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) { - padding-left: 0; -} - -.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) { - padding-right: 0; -} - .nav.has-shadow { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } -@media screen and (max-width: 979px) { - .nav > .container > .nav-left > .nav-item.is-brand:first-child, - .container > .nav > .nav-left > .nav-item.is-brand:first-child { - padding-left: 20px; - } -} - -.pagination { +.pagination, +.pagination-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; @@ -4078,37 +4129,127 @@ a.nav-item.is-tab.is-active { text-align: center; } -.pagination a { - display: block; - min-width: 32px; - padding: 3px 8px; -} - -.pagination span { - color: #7a7a7a; - display: block; - margin: 0 4px; -} - -.pagination li { - margin: 0 2px; -} - -.pagination ul { +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + border: none; + border-radius: 3px; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.5em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 0.875rem; + padding-left: 0.5em; + padding-right: 0.5em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; + text-align: center; +} + +.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, +.pagination-next:focus, +.pagination-next.is-focused, +.pagination-next:active, +.pagination-next.is-active, +.pagination-link:focus, +.pagination-link.is-focused, +.pagination-link:active, +.pagination-link.is-active, +.pagination-ellipsis:focus, +.pagination-ellipsis.is-focused, +.pagination-ellipsis:active, +.pagination-ellipsis.is-active { + outline: none; +} + +.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-next[disabled], +.pagination-next.is-disabled, +.pagination-link[disabled], +.pagination-link.is-disabled, +.pagination-ellipsis[disabled], +.pagination-ellipsis.is-disabled { + pointer-events: none; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border: 1px solid #dbdbdb; + min-width: 2.5em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #00d1b2; +} + +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} + +.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-next[disabled], +.pagination-next.is-disabled, +.pagination-link[disabled], +.pagination-link.is-disabled { + background: #dbdbdb; + color: #7a7a7a; + opacity: 0.5; + pointer-events: none; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; +} + +.pagination-link.is-current { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list li:not(:first-child) { + margin-left: 0.375rem; } @media screen and (max-width: 768px) { @@ -4116,58 +4257,158 @@ a.nav-item.is-tab.is-active { -ms-flex-wrap: wrap; flex-wrap: wrap; } - .pagination > a { - width: calc(50% - 5px); - } - .pagination > a:not(:first-child) { - margin-left: 10px; - } - .pagination li { + .pagination-previous, + .pagination-next { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + -ms-flex-negative: 1; + flex-shrink: 1; + width: calc(50% - 0.375rem); } - .pagination ul { - margin-top: 10px; + .pagination-next { + margin-left: 0.75rem; + } + .pagination-list { + margin-top: 0.75rem; + } + .pagination-list li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px) { - .pagination > a:not(:first-child) { + .pagination-list { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } + .pagination-previous, + .pagination-next { + margin-left: 0.75rem; + } + .pagination-previous { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pagination.is-centered .pagination-previous { + margin-left: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-centered .pagination-list { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-centered .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination.is-right .pagination-previous { + margin-left: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-right .pagination-next { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + margin-right: 0.75rem; + } + .pagination.is-right .pagination-list { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } } -.panel-icon { - display: inline-block; - font-size: 14px; - height: 16px; - line-height: 16px; - text-align: center; - vertical-align: top; - width: 16px; - color: #7a7a7a; - float: left; - margin: 0 4px 0 -2px; +.panel { + font-size: 1rem; } -.panel-icon .fa { - font-size: inherit; - line-height: inherit; +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} + +.panel-heading, +.panel-tabs, +.panel-block { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; +} + +.panel-heading:first-child, +.panel-tabs:first-child, +.panel-block:first-child { + border-top: 1px solid #dbdbdb; } .panel-heading { background-color: whitesmoke; - border-bottom: 1px solid #dbdbdb; - border-radius: 4px 4px 0 0; + border-radius: 3px 3px 0 0; color: #363636; - font-size: 18px; + font-size: 1.25em; font-weight: 300; - padding: 10px; + line-height: 1.25; + padding: 0.5em 0.75em; +} + +.panel-tabs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.875em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; } .panel-list a { @@ -4178,54 +4419,67 @@ a.nav-item.is-tab.is-active { color: #00d1b2; } -.panel-tabs { +.panel-block { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; display: -webkit-box; display: -ms-flexbox; display: flex; - font-size: 11px; - padding: 5px 10px 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5em 0.75em; } -.panel-tabs a { - border-bottom: 1px solid #dbdbdb; - margin-bottom: -1px; - padding: 5px; +.panel-block input[type="checkbox"] { + margin-right: 0.75em; } -.panel-tabs a.is-active { - border-bottom-color: #363636; +.panel-block > .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; +} + +.panel-block.is-active { + border-left-color: #00d1b2; color: #363636; } -.panel-tabs:not(:last-child) { - border-bottom: 1px solid #dbdbdb; +.panel-block.is-active .panel-icon { + color: #00d1b2; } -.panel-block { - color: #363636; - display: block; - line-height: 16px; - padding: 10px; +a.panel-block, +label.panel-block { + cursor: pointer; } -.panel-block:not(:last-child) { - border-bottom: 1px solid #dbdbdb; -} - -a.panel-block:hover { +a.panel-block:hover, +label.panel-block:hover { background-color: whitesmoke; } -.panel { - border: 1px solid #dbdbdb; - border-radius: 5px; +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; } -.panel:not(:last-child) { - margin-bottom: 20px; +.panel-icon .fa { + font-size: inherit; + line-height: inherit; } .tabs { @@ -4240,17 +4494,17 @@ a.panel-block:hover { display: -webkit-box; display: -ms-flexbox; display: flex; + font-size: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; - line-height: 24px; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .tabs a { @@ -4266,7 +4520,7 @@ a.panel-block:hover { -ms-flex-pack: center; justify-content: center; margin-bottom: -1px; - padding: 6px 12px; + padding: 0.5em 1em; vertical-align: top; } @@ -4303,7 +4557,7 @@ a.panel-block:hover { } .tabs ul.is-left { - padding-right: 10px; + padding-right: 0.75em; } .tabs ul.is-center { @@ -4313,23 +4567,23 @@ a.panel-block:hover { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding-left: 10px; - padding-right: 10px; + padding-left: 0.75em; + padding-right: 0.75em; } .tabs ul.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; - padding-left: 10px; + padding-left: 0.75em; } .tabs .icon:first-child { - margin-right: 8px; + margin-right: 0.5em; } .tabs .icon:last-child { - margin-left: 8px; + margin-left: 0.5em; } .tabs.is-centered ul { @@ -4347,8 +4601,6 @@ a.panel-block:hover { .tabs.is-boxed a { border: 1px solid transparent; border-radius: 3px 3px 0 0; - padding-bottom: 5px; - padding-top: 5px; } .tabs.is-boxed a:hover { @@ -4373,8 +4625,6 @@ a.panel-block:hover { .tabs.is-toggle a { border: 1px solid #dbdbdb; margin-bottom: 0; - padding-bottom: 5px; - padding-top: 5px; position: relative; } @@ -4399,7 +4649,7 @@ a.panel-block:hover { .tabs.is-toggle li.is-active a { background-color: #00d1b2; border-color: #00d1b2; - color: white; + color: #fff; z-index: 1; } @@ -4408,42 +4658,15 @@ a.panel-block:hover { } .tabs.is-small { - font-size: 11px; -} - -.tabs.is-small a { - padding: 2px 8px; -} - -.tabs.is-small.is-boxed a, .tabs.is-small.is-toggle a { - padding-bottom: 1px; - padding-top: 1px; + font-size: 0.75rem; } .tabs.is-medium { - font-size: 18px; -} - -.tabs.is-medium a { - padding: 10px 16px; -} - -.tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a { - padding-bottom: 9px; - padding-top: 9px; + font-size: 1.25rem; } .tabs.is-large { - font-size: 28px; -} - -.tabs.is-large a { - padding: 14px 20px; -} - -.tabs.is-large.is-boxed a, .tabs.is-large.is-toggle a { - padding-bottom: 13px; - padding-top: 13px; + font-size: 1.5rem; } .column { @@ -4455,7 +4678,7 @@ a.panel-block:hover { flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; - padding: 10px; + padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { @@ -4992,7 +5215,7 @@ a.panel-block:hover { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .column.is-narrow-desktop { -webkit-box-flex: 0; -ms-flex: none; @@ -5159,7 +5382,7 @@ a.panel-block:hover { } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .column.is-narrow-widescreen { -webkit-box-flex: 0; -ms-flex: none; @@ -5327,17 +5550,17 @@ a.panel-block:hover { } .columns { - margin-left: -10px; - margin-right: -10px; - margin-top: -10px; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; } .columns:last-child { - margin-bottom: -10px; + margin-bottom: -0.75rem; } .columns:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .columns.is-centered { @@ -5357,7 +5580,7 @@ a.panel-block:hover { } .columns.is-gapless:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .columns.is-gapless > .column { @@ -5372,7 +5595,7 @@ a.panel-block:hover { } .columns.is-grid > .column { max-width: 33.3333%; - padding: 10px; + padding: 0.75rem; width: 33.3333%; } .columns.is-grid > .column + .column { @@ -5394,6 +5617,7 @@ a.panel-block:hover { .columns.is-vcentered { -webkit-box-align: center; -ms-flex-align: center; + -ms-grid-row-align: center; align-items: center; } @@ -5405,7 +5629,7 @@ a.panel-block:hover { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .columns.is-desktop { display: -webkit-box; display: -ms-flexbox; @@ -5416,10 +5640,11 @@ a.panel-block:hover { .tile { -webkit-box-align: stretch; -ms-flex-align: stretch; + -ms-grid-row-align: stretch; align-items: stretch; display: block; - -ms-flex-preferred-size: auto; - flex-basis: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; @@ -5431,17 +5656,17 @@ a.panel-block:hover { } .tile.is-ancestor { - margin-left: -10px; - margin-right: -10px; - margin-top: -10px; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; } .tile.is-ancestor:last-child { - margin-bottom: -10px; + margin-bottom: -0.75rem; } .tile.is-ancestor:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .tile.is-child { @@ -5449,7 +5674,7 @@ a.panel-block:hover { } .tile.is-parent { - padding: 10px; + padding: 0.75rem; } .tile.is-vertical { @@ -5460,7 +5685,7 @@ a.panel-block:hover { } .tile.is-vertical > .tile.is-child:not(:last-child) { - margin-bottom: 20px !important; + margin-bottom: 1.5rem !important; } @media screen and (min-width: 769px) { @@ -5573,7 +5798,7 @@ a.panel-block:hover { } .hero-buttons { - margin-top: 20px; + margin-top: 1.5rem; } @media screen and (max-width: 768px) { @@ -5583,7 +5808,7 @@ a.panel-block:hover { display: flex; } .hero-buttons .button:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } } @@ -5597,12 +5822,15 @@ a.panel-block:hover { justify-content: center; } .hero-buttons .button:not(:last-child) { - margin-right: 20px; + margin-right: 1.5rem; } } .hero-head, .hero-foot { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @@ -5613,10 +5841,10 @@ a.panel-block:hover { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; - padding: 40px 20px; + padding: 3rem 1.5rem; } -@media screen and (min-width: 1240px) { +@media screen and (min-width: 1192px) { .hero-body { padding-left: 0; padding-right: 0; @@ -5654,13 +5882,13 @@ a.panel-block:hover { color: #0a0a0a; } -.hero.is-white .title { - color: #0a0a0a; +.hero.is-white a, +.hero.is-white strong { + color: inherit; } -.hero.is-white .title a, -.hero.is-white .title strong { - color: inherit; +.hero.is-white .title { + color: #0a0a0a; } .hero.is-white .subtitle { @@ -5745,13 +5973,13 @@ a.panel-block:hover { color: white; } -.hero.is-black .title { - color: white; +.hero.is-black a, +.hero.is-black strong { + color: inherit; } -.hero.is-black .title a, -.hero.is-black .title strong { - color: inherit; +.hero.is-black .title { + color: white; } .hero.is-black .subtitle { @@ -5836,13 +6064,13 @@ a.panel-block:hover { color: #363636; } -.hero.is-light .title { - color: #363636; +.hero.is-light a, +.hero.is-light strong { + color: inherit; } -.hero.is-light .title a, -.hero.is-light .title strong { - color: inherit; +.hero.is-light .title { + color: #363636; } .hero.is-light .subtitle { @@ -5927,13 +6155,13 @@ a.panel-block:hover { color: whitesmoke; } -.hero.is-dark .title { - color: whitesmoke; +.hero.is-dark a, +.hero.is-dark strong { + color: inherit; } -.hero.is-dark .title a, -.hero.is-dark .title strong { - color: inherit; +.hero.is-dark .title { + color: whitesmoke; } .hero.is-dark .subtitle { @@ -6015,16 +6243,16 @@ a.panel-block:hover { .hero.is-primary { background-color: #00d1b2; - color: white; + color: #fff; +} + +.hero.is-primary a, +.hero.is-primary strong { + color: inherit; } .hero.is-primary .title { - color: white; -} - -.hero.is-primary .title a, -.hero.is-primary .title strong { - color: inherit; + color: #fff; } .hero.is-primary .subtitle { @@ -6033,7 +6261,7 @@ a.panel-block:hover { .hero.is-primary .subtitle a, .hero.is-primary .subtitle strong { - color: white; + color: #fff; } .hero.is-primary .nav { @@ -6054,11 +6282,11 @@ a.panel-block:hover { .hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, .hero.is-primary .nav-item a:not(.button):hover, .hero.is-primary .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-primary .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6071,7 +6299,7 @@ a.panel-block:hover { } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { @@ -6079,8 +6307,8 @@ a.panel-block:hover { } .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #00d1b2; } @@ -6091,13 +6319,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-primary .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-primary .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-primary .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-primary .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6106,16 +6334,16 @@ a.panel-block:hover { .hero.is-info { background-color: #3273dc; - color: white; + color: #fff; +} + +.hero.is-info a, +.hero.is-info strong { + color: inherit; } .hero.is-info .title { - color: white; -} - -.hero.is-info .title a, -.hero.is-info .title strong { - color: inherit; + color: #fff; } .hero.is-info .subtitle { @@ -6124,7 +6352,7 @@ a.panel-block:hover { .hero.is-info .subtitle a, .hero.is-info .subtitle strong { - color: white; + color: #fff; } .hero.is-info .nav { @@ -6145,11 +6373,11 @@ a.panel-block:hover { .hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, .hero.is-info .nav-item a:not(.button):hover, .hero.is-info .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-info .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6162,7 +6390,7 @@ a.panel-block:hover { } .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { @@ -6170,8 +6398,8 @@ a.panel-block:hover { } .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #3273dc; } @@ -6182,13 +6410,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-info .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-info .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-info .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-info .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6197,16 +6425,16 @@ a.panel-block:hover { .hero.is-success { background-color: #23d160; - color: white; + color: #fff; +} + +.hero.is-success a, +.hero.is-success strong { + color: inherit; } .hero.is-success .title { - color: white; -} - -.hero.is-success .title a, -.hero.is-success .title strong { - color: inherit; + color: #fff; } .hero.is-success .subtitle { @@ -6215,7 +6443,7 @@ a.panel-block:hover { .hero.is-success .subtitle a, .hero.is-success .subtitle strong { - color: white; + color: #fff; } .hero.is-success .nav { @@ -6236,11 +6464,11 @@ a.panel-block:hover { .hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, .hero.is-success .nav-item a:not(.button):hover, .hero.is-success .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-success .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6253,7 +6481,7 @@ a.panel-block:hover { } .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { @@ -6261,8 +6489,8 @@ a.panel-block:hover { } .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #23d160; } @@ -6273,13 +6501,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-success .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-success .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-success .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-success .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6291,13 +6519,13 @@ a.panel-block:hover { color: rgba(0, 0, 0, 0.7); } -.hero.is-warning .title { - color: rgba(0, 0, 0, 0.7); +.hero.is-warning a, +.hero.is-warning strong { + color: inherit; } -.hero.is-warning .title a, -.hero.is-warning .title strong { - color: inherit; +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); } .hero.is-warning .subtitle { @@ -6379,16 +6607,16 @@ a.panel-block:hover { .hero.is-danger { background-color: #ff3860; - color: white; + color: #fff; +} + +.hero.is-danger a, +.hero.is-danger strong { + color: inherit; } .hero.is-danger .title { - color: white; -} - -.hero.is-danger .title a, -.hero.is-danger .title strong { - color: inherit; + color: #fff; } .hero.is-danger .subtitle { @@ -6397,7 +6625,7 @@ a.panel-block:hover { .hero.is-danger .subtitle a, .hero.is-danger .subtitle strong { - color: white; + color: #fff; } .hero.is-danger .nav { @@ -6418,11 +6646,11 @@ a.panel-block:hover { .hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, .hero.is-danger .nav-item a:not(.button):hover, .hero.is-danger .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-danger .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6435,7 +6663,7 @@ a.panel-block:hover { } .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { @@ -6443,8 +6671,8 @@ a.panel-block:hover { } .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #ff3860; } @@ -6455,13 +6683,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-danger .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-danger .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-danger .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-danger .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6470,15 +6698,15 @@ a.panel-block:hover { @media screen and (min-width: 769px) { .hero.is-medium .hero-body { - padding-bottom: 120px; - padding-top: 120px; + padding-bottom: 9rem; + padding-top: 9rem; } } @media screen and (min-width: 769px) { .hero.is-large .hero-body { - padding-bottom: 240px; - padding-top: 240px; + padding-bottom: 18rem; + padding-top: 18rem; } } @@ -6505,36 +6733,20 @@ a.panel-block:hover { .section { background-color: white; - padding: 40px 20px; + padding: 3rem 1.5rem; } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .section.is-medium { - padding: 120px 20px; + padding: 9rem 1.5rem; } .section.is-large { - padding: 240px 20px; + padding: 18rem 1.5rem; } } .footer { background-color: whitesmoke; - padding: 40px 20px 80px; -} - -.footer a, .footer a:visited { - color: #4a4a4a; -} - -.footer a:hover, .footer a:visited:hover { - color: #363636; -} - -.footer a:not(.icon), .footer a:visited:not(.icon) { - border-bottom: 1px solid #dbdbdb; -} - -.footer a:not(.icon):hover, .footer a:visited:not(.icon):hover { - border-bottom-color: #00d1b2; + padding: 3rem 1.5rem 6rem; } /*# sourceMappingURL=bulma.css.map */ \ No newline at end of file diff --git a/css/bulma.css.map b/css/bulma.css.map index c5f7bd5d..557a36fc 100644 --- a/css/bulma.css.map +++ b/css/bulma.css.map @@ -1 +1 @@ -{"version":3,"sources":["../bulma.sass","../sass/utilities/mixins.sass","bulma.css","../sass/base/minireset.sass","../sass/base/generic.sass","../sass/utilities/variables.sass","../sass/base/helpers.sass","../sass/elements/box.sass","../sass/elements/button.sass","../sass/utilities/controls.sass","../sass/utilities/functions.sass","../sass/elements/content.sass","../sass/elements/form.sass","../sass/elements/image.sass","../sass/elements/notification.sass","../sass/elements/progress.sass","../sass/elements/table.sass","../sass/elements/title.sass","../sass/elements/other.sass","../sass/components/card.sass","../sass/components/highlight.sass","../sass/components/level.sass","../sass/components/media.sass","../sass/components/menu.sass","../sass/components/message.sass","../sass/components/modal.sass","../sass/components/nav.sass","../sass/components/pagination.sass","../sass/components/panel.sass","../sass/components/tabs.sass","../sass/grid/columns.sass","../sass/grid/tiles.sass","../sass/layout/hero.sass","../sass/layout/section.sass","../sass/layout/footer.sass"],"names":[],"mappings":"AAAA,8DAA8D;ACyH9D;EACE;IACE,gCAAiB;YAAjB,wBAAiB;GCvHlB;EDwHD;IACE,kCAAiB;YAAjB,0BAAiB;GCtHlB;CACF;ADiHD;EACE;IACE,gCAAiB;YAAjB,wBAAiB;GCvHlB;EDwHD;IACE,kCAAiB;YAAjB,0BAAiB;GCtHlB;CACF;;ACRD,2EAA2E;AAE3E;;;;;;;;;;;;;;;;;;;;;;;EAuBE,UAAU;EACV,WAAW;CAAG;;AAGhB;;;;;;EAME,gBAAgB;EAChB,oBAAoB;CAAG;;AAGzB;EACE,iBAAiB;CAAG;;AAGtB;;;;EAIE,UAAU;CAAG;;AAGf;EACE,uBAAuB;CAAG;;AAE5B;EACE,oBAAoB;CAGO;;AAJ7B;EAII,oBAAoB;CAAG;;AAG3B;;;;;EAKE,aAAa;EACb,gBAAgB;CAAG;;AAGrB;EACE,UAAU;CAAG;;AAGf;EACE,0BAA0B;EAC1B,kBAAkB;CAAG;;AAEvB;;EAEE,WAAW;EACX,iBAAiB;CAAG;;AC9EtB;EACE,6BCYgB;EDXhB,gBCgCW;ED/BX,mCAAmC;EACnC,oCAAoC;EACpC,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,mCAAmC;CAAG;;AAExC;;;;;;;EAOE,eAAe;CAAG;;AAEpB;;;;;EAKE,qLCEyL;CDF1J;;AAEjC;;EAEE,8BAA8B;EAC9B,6BAA6B;EAC7B,4DCH+D;EDI/D,kBAAkB;CAAG;;AAEvB;EACE,eC1BgB;ED2BhB,gBAAgB;EAChB,iBCEiB;EDDjB,+BAA+B;CAAG;;AAIpC;EACE,eCtBgB;EDuBhB,gBAAgB;EAChB,sBAAsB;EACtB,uCCDe;EDCf,+BCDe;CDGU;;AAN3B;EAMI,eCxCc;CDwCO;;AAEzB;EACE,6BCrCgB;EDsChB,eC5BgB;ED6BhB,gBAAgB;EAChB,oBAAoB;EACpB,qBAAqB;CAAG;;AAE1B;EACE,0BC9CgB;ED+ChB,aAAa;EACb,eAAe;EACf,YAAY;EACZ,eAAe;CAAG;;AAEpB;EACE,gBAAgB;CAAG;;AAErB;;EAEE,yBAAyB;CAAG;;AAE9B;EACE,gBCnCW;CDmCc;;AAE3B;EACE,oBAAoB;EACpB,qBAAqB;CAAG;;AAE1B;EACE,eCvEgB;EDwEhB,iBCxCe;CDwCa;;AAI9B;EACE,6BCvEgB;EDwEhB,eC7EgB;ED8EhB,iBAAiB;EACjB,kBAAkB;CAMQ;;AAV5B;EAMI,6BC5Ec;ED6Ed,eClFc;EDmFd,eAAe;EACf,iBAAiB;EACjB,mBAAmB;CAAG;;AAE1B;EACE,YAAY;CAMc;;AAP5B;;EAII,iBAAiB;EACjB,oBAAoB;CAAG;;AAL3B;EAOI,eC/Fc;CD+FQ;;AEnGxB;EACE,eAAS;CAAc;;ALoLzB;EKnLA;IAEI,0BAA+B;GAAK;CJyNzC;;ADpCC;EKpLA;IAEI,0BAA+B;GAAK;CJ4NzC;;ADtCC;EKrLA;IAEI,0BAA+B;GAAK;CJ+NzC;;ADxCC;EKtLA;IAEI,0BAA+B;GAAK;CJkOzC;;AD1CC;EKvLA;IAEI,0BAA+B;GAAK;CJqOzC;;AD5CC;EKxLA;IAEI,0BAA+B;GAAK;CJwOzC;;AD9CC;EKzLA;IAEI,0BAA+B;GAAK;CJ2OzC;;AIjQC;EACE,qBAAS;EAAT,qBAAS;EAAT,cAAS;CAAc;;ALoLzB;EKnLA;IAEI,gCAA+B;IAA/B,gCAA+B;IAA/B,yBAA+B;GAAK;CJuQzC;;ADlFC;EKpLA;IAEI,gCAA+B;IAA/B,gCAA+B;IAA/B,yBAA+B;GAAK;CJ0QzC;;ADpFC;EKrLA;IAEI,gCAA+B;IAA/B,gCAA+B;IAA/B,yBAA+B;GAAK;CJ6QzC;;ADtFC;EKtLA;IAEI,gCAA+B;IAA/B,gCAA+B;IAA/B,yBAA+B;GAAK;CJgRzC;;ADxFC;EKvLA;IAEI,gCAA+B;IAA/B,gCAA+B;IAA/B,yBAA+B;GAAK;CJmRzC;;AD1FC;EKxLA;IAEI,gCAA+B;IAA/B,gCAA+B;IAA/B,yBAA+B;GAAK;CJsRzC;;AD5FC;EKzLA;IAEI,gCAA+B;IAA/B,gCAA+B;IAA/B,yBAA+B;GAAK;CJyRzC;;AI/SC;EACE,gBAAS;CAAc;;ALoLzB;EKnLA;IAEI,2BAA+B;GAAK;CJqTzC;;ADhIC;EKpLA;IAEI,2BAA+B;GAAK;CJwTzC;;ADlIC;EKrLA;IAEI,2BAA+B;GAAK;CJ2TzC;;ADpIC;EKtLA;IAEI,2BAA+B;GAAK;CJ8TzC;;ADtIC;EKvLA;IAEI,2BAA+B;GAAK;CJiUzC;;ADxIC;EKxLA;IAEI,2BAA+B;GAAK;CJoUzC;;AD1IC;EKzLA;IAEI,2BAA+B;GAAK;CJuUzC;;AI7VC;EACE,sBAAS;CAAc;;ALoLzB;EKnLA;IAEI,iCAA+B;GAAK;CJmWzC;;AD9KC;EKpLA;IAEI,iCAA+B;GAAK;CJsWzC;;ADhLC;EKrLA;IAEI,iCAA+B;GAAK;CJyWzC;;ADlLC;EKtLA;IAEI,iCAA+B;GAAK;CJ4WzC;;ADpLC;EKvLA;IAEI,iCAA+B;GAAK;CJ+WzC;;ADtLC;EKxLA;IAEI,iCAA+B;GAAK;CJkXzC;;ADxLC;EKzLA;IAEI,iCAA+B;GAAK;CJqXzC;;AI3YC;EACE,4BAAS;EAAT,4BAAS;EAAT,qBAAS;CAAc;;ALoLzB;EKnLA;IAEI,uCAA+B;IAA/B,uCAA+B;IAA/B,gCAA+B;GAAK;CJiZzC;;AD5NC;EKpLA;IAEI,uCAA+B;IAA/B,uCAA+B;IAA/B,gCAA+B;GAAK;CJoZzC;;AD9NC;EKrLA;IAEI,uCAA+B;IAA/B,uCAA+B;IAA/B,gCAA+B;GAAK;CJuZzC;;ADhOC;EKtLA;IAEI,uCAA+B;IAA/B,uCAA+B;IAA/B,gCAA+B;GAAK;CJ0ZzC;;ADlOC;EKvLA;IAEI,uCAA+B;IAA/B,uCAA+B;IAA/B,gCAA+B;GAAK;CJ6ZzC;;ADpOC;EKxLA;IAEI,uCAA+B;IAA/B,uCAA+B;IAA/B,gCAA+B;GAAK;CJgazC;;ADtOC;EKzLA;IAEI,uCAA+B;IAA/B,uCAA+B;IAA/B,gCAA+B;GAAK;CJmazC;;AI/ZD;ELbI,YAAY;EACZ,aAAa;EACb,eAAe;CAAG;;AKctB;EACE,YAAY;CAAG;;AAEjB;EACE,aAAa;CAAG;;AAIlB;EACE,4BAA4B;CAAG;;AAIjC;EL6FE,UADuB;EAEvB,QAFuB;EAGvB,mBAAmB;EACnB,SAJuB;EAKvB,OALuB;CK3FJ;;AAIrB;EACE,mBAAmB;CAAG;;AAExB;EACE,iBAAiB;CAAG;;AAEtB;EACE,kBAAkB;CAAG;;AAIvB;EACE,yBAAyB;CAAG;;AL0H5B;EKxHF;IAEI,yBAAyB;GAAK;CJ0ajC;;ADhTC;EKxHF;IAEI,yBAAyB;GAAK;CJ4ajC;;ADlTC;EKxHF;IAEI,yBAAyB;GAAK;CJ8ajC;;ADpTC;EKxHF;IAEI,yBAAyB;GAAK;CJgbjC;;ADtTC;EKxHF;IAEI,yBAAyB;GAAK;CJkbjC;;ADxTC;EKxHF;IAEI,yBAAyB;GAAK;CJobjC;;AD1TC;EKxHF;IAEI,yBAAyB;GAAK;CJsbjC;;AIlbD;EACE,qBAAqB;CAAG;;AAE1B;EACE,qBAAqB;CAAG;;AAE1B;EACE,sBAAsB;CAAG;;AAE3B;EL4DE,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;CK/DM;;AC1G1B;EAEE,wBFegB;EEdhB,mBF8CgB;EE7ChB,6EFCgB;EEAhB,eAAe;EACf,cAAc;CAAG;;AANnB;ENcI,oBAAoB;CAAG;;AMN3B;EAGI,+DFWc;CEX6C;;AAH/D;EAKI,qEFSc;CETmD;;ACKrE;ECME,sBAAsB;EACtB,yBAAyB;EACzB,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,wBCAe;EDCf,0BJfgB;EIgBhB,mBJmBU;EIlBV,eJrBgB;EIsBhB,4BAAqB;EAArB,4BAAqB;EAArB,qBAAqB;EACrB,gBJIW;EIHX,aAAa;EACb,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;EAC5B,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;ER8HpB,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EOpJlB,gBAAgB;EAChB,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,mBAAmB;EACnB,oBAAoB;EACpB,mBAAmB;EACnB,oBAAoB;CAmFqB;;AA3F3C;ECuBI,sBJ7Bc;CI6BwB;;ADvB1C;EC2BI,sBJvBc;EIwBd,cAAc;CAAG;;AD5BrB;EC+BI,6BJlCc;EImCd,sBJrCc;EIsCd,oBAAoB;EACpB,qBAAqB;CAEY;;ADpCrC;ECoCM,6BJ7CY;CJ6ID;;AOpIjB;ECoCM,6BJ7CY;CJ6ID;;AOpIjB;ECoCM,6BJ7CY;CJ6ID;;AOpIjB;ECoCM,6BJ7CY;CJ6ID;;AOpIjB;EAUI,eAAe;CAAG;;AAVtB;EAYI,eAAe;EACf,gBHOS;EGNT,eAAe;EACf,gBAAgB;CAAG;;AAfvB;;EAmBM,kBAAkB;EAClB,kBAAkB;CAAG;;AApB3B;;EAsBM,iBAAiB;EACjB,mBAAmB;CAAG;;AAvB5B;EA2BI,eHpCc;CGoCU;;AA3B5B;EA6BI,kDH1Cc;CG0CkC;;AA7BpD;EAmCM,wBHpCY;EGqCZ,gBAAgB;EAChB,eHlDY;CG0EmB;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,eHxDU;CGwDa;;AA3C/B;EA6CQ,0BH1DU;EG2DV,aH/CU;CGiDwC;;AAhD1D;EAgDU,wBAAwB;CAAsB;;AAhDxD;EAmDU,iEAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,oBHvDU;EGwDV,kBAAkB;EAClB,aHzDU;CG8DiB;;AA7DnC;EA2DU,wBH5DQ;EG6DR,oBH7DQ;EG8DR,eH1EQ;CG0Ee;;AA7DjC;EAmCM,0BHhDY;EGiDZ,gBAAgB;EAChB,aHtCY;CG8DmB;;AA7DrC;EAyCQ,wBAAwB;EACxB,0BAA0B;EAC1B,aH5CU;CG4Ca;;AA3C/B;EA6CQ,wBH9CU;EG+CV,eH3DU;CG6DwC;;AAhD1D;EAgDU,0BAAwB;CAAsB;;AAhDxD;EAmDU,6DAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,sBHnEU;EGoEV,kBAAkB;EAClB,eHrEU;CG0EiB;;AA7DnC;EA2DU,0BHxEQ;EGyER,sBHzEQ;EG0ER,aH9DQ;CG8De;;AA7DjC;EAmCM,6BHtCY;EGuCZ,gBAAgB;EAChB,eH9CY;CGsEmB;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,eHpDU;CGoDa;;AA3C/B;EA6CQ,0BHtDU;EGuDV,kBHjDU;CGmDwC;;AAhD1D;EAgDU,0BAAwB;CAAsB;;AAhDxD;EAmDU,iEAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,yBHzDU;EG0DV,kBAAkB;EAClB,kBH3DU;CGgEiB;;AA7DnC;EA2DU,6BH9DQ;EG+DR,yBH/DQ;EGgER,eHtEQ;CGsEe;;AA7DjC;EAmCM,0BH5CY;EG6CZ,gBAAgB;EAChB,kBHxCY;CGgEmB;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,kBH9CU;CG8Ca;;AA3C/B;EA6CQ,6BHhDU;EGiDV,eHvDU;CGyDwC;;AAhD1D;EAgDU,0BAAwB;CAAsB;;AAhDxD;EAmDU,uEAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,sBH/DU;EGgEV,kBAAkB;EAClB,eHjEU;CGsEiB;;AA7DnC;EA2DU,0BHpEQ;EGqER,sBHrEQ;EGsER,kBHhEQ;CGgEe;;AA7DjC;EAmCM,0BH/BY;EGgCZ,gBAAgB;EAChB,aE5BW;CFoDoB;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,aElCS;CFkCc;;AA3C/B;EA6CQ,wBEpCS;EFqCT,eH1CU;CG4CwC;;AAhD1D;EAgDU,0BAAwB;CAAsB;;AAhDxD;EAmDU,6DAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,sBHlDU;EGmDV,kBAAkB;EAClB,eHpDU;CGyDiB;;AA7DnC;EA2DU,0BHvDQ;EGwDR,sBHxDQ;EGyDR,aEpDO;CFoDgB;;AA7DjC;EAmCM,0BH9BY;EG+BZ,gBAAgB;EAChB,aE5BW;CFoDoB;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,aElCS;CFkCc;;AA3C/B;EA6CQ,wBEpCS;EFqCT,eHzCU;CG2CwC;;AAhD1D;EAgDU,0BAAwB;CAAsB;;AAhDxD;EAmDU,6DAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,sBHjDU;EGkDV,kBAAkB;EAClB,eHnDU;CGwDiB;;AA7DnC;EA2DU,0BHtDQ;EGuDR,sBHvDQ;EGwDR,aEpDO;CFoDgB;;AA7DjC;EAmCM,0BHhCY;EGiCZ,gBAAgB;EAChB,aE5BW;CFoDoB;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,aElCS;CFkCc;;AA3C/B;EA6CQ,wBEpCS;EFqCT,eH3CU;CG6CwC;;AAhD1D;EAgDU,0BAAwB;CAAsB;;AAhDxD;EAmDU,6DAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,sBHnDU;EGoDV,kBAAkB;EAClB,eHrDU;CG0DiB;;AA7DnC;EA2DU,0BHxDQ;EGyDR,sBHzDQ;EG0DR,aEpDO;CFoDgB;;AA7DjC;EAmCM,0BHjCY;EGkCZ,gBAAgB;EAChB,0BE9BgB;CFsDe;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,0BEpCc;CFoCS;;AA3C/B;EA6CQ,qCEtCc;EFuCd,eH5CU;CG8CwC;;AAhD1D;EAgDU,qCAAwB;CAAsB;;AAhDxD;EAmDU,uFAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,sBHpDU;EGqDV,kBAAkB;EAClB,eHtDU;CG2DiB;;AA7DnC;EA2DU,0BHzDQ;EG0DR,sBH1DQ;EG2DR,0BEtDY;CFsDW;;AA7DjC;EAmCM,0BH5BY;EG6BZ,gBAAgB;EAChB,aE5BW;CFoDoB;;AA7DrC;EAyCQ,0BAAwB;EACxB,0BAA0B;EAC1B,aElCS;CFkCc;;AA3C/B;EA6CQ,wBEpCS;EFqCT,eHvCU;CGyCwC;;AAhD1D;EAgDU,0BAAwB;CAAsB;;AAhDxD;EAmDU,6DAA4E;CAAG;;AAnDzF;EAqDQ,8BAA8B;EAC9B,sBH/CU;EGgDV,kBAAkB;EAClB,eHjDU;CGsDiB;;AA7DnC;EA2DU,0BHpDQ;EGqDR,sBHrDQ;EGsDR,aEpDO;CFoDgB;;AA7DjC;EA+DI,8BAA8B;EAC9B,gBAAgB;EAChB,eHzEc;EG0Ed,2BAA2B;CAID;;AAtE9B;EAqEM,6BHxEY;EGyEZ,eH/EY;CG+EU;;AAtE5B;EAjBE,mBH8CgB;EG7ChB,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;CAqFO;;AAzE5B;EAVE,gBAAgB;EAChB,aAAa;EACb,mBAAmB;EACnB,oBAAoB;CAkFO;;AA3E7B;EALE,gBAAgB;EAChB,aAAa;EACb,mBAAmB;EACnB,oBAAoB;CA+EM;;AA7E5B;EAiFI,aAAa;CAAG;;AAjFpB;EAmFI,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,YAAY;CAAG;;AApFnB;EAsFI,8BAA8B;EAC9B,qBAAqB;CAIgB;;AA3FzC;EP8GE,oDAA4C;UAA5C,4CAA4C;EAC5C,0BIpHgB;EJqHhB,wBAAwB;EACxB,gCAAgC;EAChC,8BAA8B;EAC9B,YAAY;EACZ,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,YAAY;EAlHZ,UAAU;EACV,kBAAoB;EACpB,iBAAmB;EACnB,mBAAmB;EACnB,SAAS;EOkFL,8BAA8B;CAAG;;AG7GvC;EAEE,eNQgB;CM+Da;;AAzE/B;EVcI,oBAAoB;CAAG;;AUd3B;EAKI,iCNQc;CMJmB;;AATrC;EAOM,eNiBY;CMjBW;;AAP7B;EASM,6BNaY;CMbiB;;AATnC;EAWI,mBAAmB;CAAG;;AAX1B;;;;EAkBM,mBAAmB;CAAG;;AAlB5B;;;;;;EAyBI,eNhBc;EMiBd,iBAAiB;EACjB,mBAAmB;EACnB,oBAAoB;CAAG;;AA5B3B;;;EAiCM,iBAAiB;CAAG;;AAjC1B;EAmCI,6BNpBc;EMqBd,+BNvBc;EMwBd,eAAe;CAAG;;AArCtB;EAuCI,eAAe;CAAG;;AAvCtB;EAyCI,kBAAkB;CAAG;;AAzCzB;EA2CI,iBAAiB;CAAG;;AA3CxB;EA6CI,kBAAkB;CAAG;;AA7CzB;EA+CI,mBAAmB;CAAG;;AA/C1B;EAiDI,eAAe;CAAG;;AAjDtB;EAmDI,4BAA4B;EAC5B,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;CAAG;;AAtDvB;EAwDI,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;CAKmB;;AAhEvC;EA6DM,wBAAwB;EACxB,kBAAkB;CAEa;;AAhErC;EAgEQ,wBAAwB;CAAG;;AAhEnC;EAmEI,gBNhCS;CMkCgB;;AArE7B;EAqEM,gBNjCO;CMiCc;;AArE3B;EAuEI,gBNrCS;CMuCgB;;AAzE7B;EAyEM,gBNtCO;CMsCc;;AClE3B;;EHiBE,sBAAsB;EACtB,yBAAyB;EACzB,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,wBCAe;EDCf,0BJfgB;EIgBhB,mBJmBU;EIlBV,eJrBgB;EIsBhB,4BAAqB;EAArB,4BAAqB;EAArB,qBAAqB;EACrB,gBJIW;EIHX,aAAa;EACb,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;EAC5B,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EG7BpB,kDPLgB;EOMhB,gBAAgB;EAChB,YAAY;CAgBO;;AArBrB;;EHkCI,sBJ7Bc;CI6BwB;;AGlC1C;;;;EHsCI,sBJvBc;EIwBd,cAAc;CAAG;;AGvCrB;;;EH0CI,6BJlCc;EImCd,sBJrCc;EIsCd,oBAAoB;EACpB,qBAAqB;CAEY;;AG/CrC;;;EH+CM,6BJ7CY;CJ6ID;;AW/IjB;;;EH+CM,6BJ7CY;CJ6ID;;AW/IjB;;;EH+CM,6BJ7CY;CJ6ID;;AW/IjB;;;EH+CM,6BJ7CY;CJ6ID;;AW/IjB;;EAFM,oBPYY;COZW;;AAE7B;;EAFM,sBPAY;COAW;;AAE7B;;EAFM,yBPUY;COVW;;AAE7B;;EAFM,sBPIY;COJW;;AAE7B;;EAFM,sBPiBY;COjBW;;AAE7B;;EAFM,sBPkBY;COlBW;;AAE7B;;EAFM,sBPgBY;COhBW;;AAE7B;;EAFM,sBPeY;COfW;;AAE7B;;EAFM,sBPoBY;COpBW;;AAE7B;;EAOI,wBAAwB;CAAG;;AAP/B;;EHkDE,mBJVgB;EIWhB,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;CG7CQ;;AAV7B;;EHyDE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;CGjDQ;;AAZ9B;;EH+DE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;CGrDO;;AAd7B;;EAiBI,eAAe;EACf,YAAY;CAAG;;AAlBnB;;EAoBI,gBAAgB;EAChB,YAAY;CAAG;;AAEnB;EACE,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,cAAc;EACd,iBAAiB;CAAG;;AAEtB;;EAEE,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;CASY;;AAflC;;EAQI,gBAAgB;CAAG;;AARvB;;EAUI,ePzCc;COyCU;;AAV5B;;EAYI,ePvCc;EOwCd,qBAAqB;CAEO;;AAfhC;;EAeM,qBAAqB;CAAG;;AAE9B;EAEI,kBAAkB;CAAG;;AAEzB;EACE,sBAAsB;EACtB,aAAa;EACb,mBAAmB;EACnB,oBAAoB;CAqCW;;AAzCjC;EHrCE,sBAAsB;EACtB,yBAAyB;EACzB,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,wBCAe;EDCf,0BJfgB;EIgBhB,mBJmBU;EIlBV,eJrBgB;EIsBhB,4BAAqB;EAArB,4BAAqB;EAArB,qBAAqB;EACrB,gBJIW;EIHX,aAAa;EACb,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;EAC5B,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EG6BlB,gBAAgB;EAChB,eAAe;EACf,cAAc;EACd,oBAAoB;CAIC;;AAdzB;EHpBI,sBJ7Bc;CI6BwB;;AGoB1C;EHhBI,sBJvBc;EIwBd,cAAc;CAAG;;AGerB;EHZI,6BJlCc;EImCd,sBJrCc;EIsCd,oBAAoB;EACpB,qBAAqB;CAEY;;AGOrC;EHPM,6BJ7CY;CJ6ID;;AWzFjB;EHPM,6BJ7CY;CJ6ID;;AWzFjB;EHPM,6BJ7CY;CJ6ID;;AWzFjB;EHPM,6BJ7CY;CJ6ID;;AWzFjB;EAxDM,oBPYY;COZW;;AAwD7B;EAxDM,sBPAY;COAW;;AAwD7B;EAxDM,yBPUY;COVW;;AAwD7B;EAxDM,sBPIY;COJW;;AAwD7B;EAxDM,sBPiBY;COjBW;;AAwD7B;EAxDM,sBPkBY;COlBW;;AAwD7B;EAxDM,sBPgBY;COhBW;;AAwD7B;EAxDM,sBPeY;COfW;;AAwD7B;EAxDM,sBPoBY;COpBW;;AAwD7B;EAYM,sBP7DY;CO6D0B;;AAZ5C;EAcM,cAAc;CAAG;;AAdvB;EAgBI,YAAY;CAEO;;AAlBvB;EAkBM,YAAY;CAAG;;AAlBrB;EX5DE,0BIqBgB;EJpBhB,gBAAgB;EAChB,cAAc;EACd,aAAa;EACb,eAAe;EACf,YAAY;EACZ,qBAAqB;EACrB,mBAAmB;EACnB,kCAAiB;UAAjB,0BAAiB;EACjB,WAAW;EWwET,iBAAiB;EACjB,YAAY;EACZ,SAAS;CAAG;;AAvBhB;EA0BM,sBP9EY;CO8EmB;;AA1BrC;EA4BI,aAAa;CAGc;;AA/B/B;EHJE,mBJVgB;EIWhB,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EG8Bf,oBAAoB;CAAG;;AA/B7B;EAiCI,aAAa;CAGc;;AApC/B;EHGE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;EG6BhB,oBAAoB;CAAG;;AApC7B;EAsCI,aAAa;CAGc;;AAzC/B;EHSE,gBAAgB;EAChB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;EG4BhB,oBAAoB;CAAG;;AAE7B;EACE,ePhGgB;EOiGhB,eAAe;EACf,kBAAkB;CAEQ;;AAL5B;EAKI,mBAAmB;CAAG;;AAE1B;EACE,eAAe;EACf,gBP3EW;EO4EX,gBAAgB;CAIQ;;AAP1B;EAOM,aPrGY;COqGI;;AAPtB;EAOM,ePjHY;COiHI;;AAPtB;EAOM,kBPvGY;COuGI;;AAPtB;EAOM,eP7GY;CO6GI;;AAPtB;EAOM,ePhGY;COgGI;;AAPtB;EAOM,eP/FY;CO+FI;;AAPtB;EAOM,ePjGY;COiGI;;AAPtB;EAOM,ePlGY;COkGI;;AAPtB;EAOM,eP7FY;CO6FI;;AXoEpB;EWhEF;IAEI,mBAAmB;GAOI;CVw9C1B;;AD75CC;EWpEF;IAII,2BAAc;QAAd,cAAc;IACd,oBAAa;QAAb,qBAAa;YAAb,aAAa;IACb,qBAAe;QAAf,eAAe;IACf,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;GAAK;CVm+C1B;;AUj+CD;EACE,mBAAmB;EACnB,iBAAiB;CAwHG;;AA1HtB;EAII,oBAAoB;CAAG;;AAJ3B;EAOI,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;CAgCF;;AAxC9B;;;EAYM,iBAAiB;EACjB,mBAAmB;EACnB,YAAY;CAgBU;;AA9B5B;;;EAgBQ,WAAW;CAAG;;AAhBtB;;;;;EAmBQ,WAAW;CAAG;;AAnBtB;;;EAqBQ,2BP1GI;CO4GqD;;AAvBjE;;;EAuBU,2BP5GE;CO4GmD;;AAvB/D;;;EAyBQ,2BAAkD;CAEO;;AA3BjE;;;EA2BU,2BAAkD;CAAG;;AA3B/D;;;EA6BQ,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAAG;;AA9B1B;EAgCM,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CAAG;;AAhCjC;EAkCM,sBAA0B;MAA1B,mBAA0B;UAA1B,0BAA0B;CAAG;;AAlCnC;;;EAuCQ,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAAG;;AAxC1B;EX5DE,sBAAsB;EACtB,gBWsGoB;EXrGpB,aWqG0B;EXpG1B,kBWoG0B;EXnG1B,mBAAmB;EACnB,oBAAoB;EACpB,YWiG0B;EACtB,ePpKY;EOqKZ,qBAAqB;EACrB,mBAAmB;EACnB,SAAS;EACT,WAAW;CAAG;;AAhDpB;EAmDQ,eP5KU;CO4KoB;;AAnDtC;EAqDQ,kBAAkB;EAClB,OAAO;CAAG;;AAtDlB;EAwDQ,gBAAgB;EAChB,SAAS;CAAG;;AAzDpB;EA2DQ,gBAAgB;EAChB,UAAU;CAAG;;AA5DrB;EA+DQ,UAAU;CAAG;;AA/DrB;EAiEQ,mBAAmB;CAYG;;AA7E9B;EAmEU,mBAAmB;CAEJ;;AArEzB;EAqEY,QAAQ;CAAG;;AArEvB;EAuEU,mBAAmB;CAEF;;AAzE3B;EAyEY,UAAU;CAAG;;AAzEzB;EA2EU,mBAAmB;CAED;;AA7E5B;EA6EY,WAAW;CAAG;;AA7E1B;EAgFQ,WAAW;CAAG;;AAhFtB;EAkFQ,oBAAoB;CAYG;;AA9F/B;EAoFU,oBAAoB;CAEJ;;AAtF1B;EAsFY,SAAS;CAAG;;AAtFxB;EAwFU,oBAAoB;CAEF;;AA1F5B;EA0FY,WAAW;CAAG;;AA1F1B;EA4FU,oBAAoB;CAED;;AA9F7B;EA8FY,YAAY;CAAG;;AA9F3B;EAgGI,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;CAWK;;AA5GrC;EAoGQ,iBAAiB;EACjB,mBAAmB;CAAG;;AArG9B;EAuGQ,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAAG;;AAxG1B;EA0GM,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CAAG;;AA1GjC;EA4GM,sBAA0B;MAA1B,mBAA0B;UAA1B,0BAA0B;CAAG;;AXnDjC;EWzDF;IA+GM,qBAAc;IAAd,qBAAc;IAAd,cAAc;GAKU;EApH9B;IAiHQ,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,2BAAc;QAAd,cAAc;IACd,oBAAa;QAAb,qBAAa;YAAb,aAAa;IACb,qBAAe;QAAf,eAAe;GAAG;CVokDzB;;AUxrDD;EXLE,oDAA4C;UAA5C,4CAA4C;EAC5C,0BIpHgB;EJqHhB,wBAAwB;EACxB,gCAAgC;EAChC,8BAA8B;EAC9B,YAAY;EACZ,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,YAAY;EWoHR,8BAA8B;EAC9B,WAAW;EACX,SAAS;CAAG;;AC7PlB;EACE,eAAe;EACf,mBAAmB;CA+Be;;AAjCpC;EAII,eAAe;EACf,aAAa;EACb,YAAY;CAAG;;AANnB;EZ0IE,UADuB;EAEvB,QAFuB;EAGvB,mBAAmB;EACnB,SAJuB;EAKvB,OALuB;EYzHnB,aAAa;EACb,YAAY;CAAG;;AAjBrB;EAoBI,kBAAkB;CAAG;;AApBzB;EAsBI,iBAAiB;CAAG;;AAtBxB;EAwBI,sBAAsB;CAAG;;AAxB7B;EA0BI,oBAAoB;CAAG;;AA1B3B;EA4BI,iBAAiB;CAAG;;AA5BxB;EAgCM,aAAkB;EAClB,YAAiB;CAAS;;AAjChC;EAgCM,aAAkB;EAClB,YAAiB;CAAS;;AAjChC;EAgCM,aAAkB;EAClB,YAAiB;CAAS;;AAjChC;EAgCM,aAAkB;EAClB,YAAiB;CAAS;;AAjChC;EAgCM,aAAkB;EAClB,YAAiB;CAAS;;AAjChC;EAgCM,aAAkB;EAClB,YAAiB;CAAS;;AAjChC;EAgCM,cAAkB;EAClB,aAAiB;CAAS;;ACnChC;EAGE,6BTYgB;ESXhB,mBT4CU;ES3CV,mBAAmB;EACnB,mBAAmB;CAeY;;AArBjC;EbcI,oBAAoB;CAAG;;Aad3B;EbkBI,YAAY;EACZ,aAAa;EACb,eAAe;CAAG;;AapBtB;EAQI,qBTwCQ;ESvCR,aAAa;EACb,2BAA2B;CAAG;;AAVlC;;;EAcI,eAAe;CAAG;;AAdtB;EAoBM,wBTHY;ESIZ,eThBY;CSgBW;;AArB7B;EAoBM,0BTfY;ESgBZ,aTJY;CSIW;;AArB7B;EAoBM,6BTLY;ESMZ,eTZY;CSYW;;AArB7B;EAoBM,0BTXY;ESYZ,kBTNY;CSMW;;AArB7B;EAoBM,0BTEY;ESDZ,aJMW;CINY;;AArB7B;EAoBM,0BTGY;ESFZ,aJMW;CINY;;AArB7B;EAoBM,0BTCY;ESAZ,aJMW;CINY;;AArB7B;EAoBM,0BTAY;ESCZ,0BJIgB;CIJO;;AArB7B;EAoBM,0BTKY;ESJZ,aJMW;CINY;;ACrB7B;EAEE,sBAAsB;EACtB,yBAAyB;EACzB,aAAa;EACb,wBAAwB;EACxB,eAAe;EACf,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,YAAY;CAqBQ;;AA/BtB;EdcI,oBAAoB;CAAG;;Acd3B;EAYI,0BVCc;CUDc;;AAZhC;EAcI,0BVJc;CUIY;;AAd9B;EAgBI,0BVNc;CUMY;;AAhB9B;EAsBQ,wBVLU;CUKiB;;AAtBnC;EAwBQ,wBVPU;CUOiB;;AAxBnC;EAsBQ,0BVjBU;CUiBiB;;AAtBnC;EAwBQ,0BVnBU;CUmBiB;;AAxBnC;EAsBQ,6BVPU;CUOiB;;AAtBnC;EAwBQ,6BVTU;CUSiB;;AAxBnC;EAsBQ,0BVbU;CUaiB;;AAtBnC;EAwBQ,0BVfU;CUeiB;;AAxBnC;EAsBQ,0BVAU;CUAiB;;AAtBnC;EAwBQ,0BVFU;CUEiB;;AAxBnC;EAsBQ,0BVCU;CUDiB;;AAtBnC;EAwBQ,0BVDU;CUCiB;;AAxBnC;EAsBQ,0BVDU;CUCiB;;AAtBnC;EAwBQ,0BVHU;CUGiB;;AAxBnC;EAsBQ,0BVFU;CUEiB;;AAtBnC;EAwBQ,0BVJU;CUIiB;;AAxBnC;EAsBQ,0BVGU;CUHiB;;AAtBnC;EAwBQ,0BVCU;CUDiB;;AAxBnC;EA2BI,YAAY;CAAG;;AA3BnB;EA6BI,aAAa;CAAG;;AA7BpB;EA+BI,aAAa;CAAG;;ACtBpB;EACE,wBXOgB;EWNhB,eXFgB;EWGhB,oBAAoB;EACpB,YAAY;CAmFwD;;AAvFtE;;EAOI,0BXHc;EWId,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;CAuBH;;AAjCrB;;EAaM,aAAa;EACb,mBAAmB;EACnB,oBAAoB;EACpB,UAAU;CAMc;;AAtB9B;;EfgEE,sBAAsB;EACtB,gBe/CsB;EfgDtB,aehD4B;EfiD5B,kBejD4B;EfkD5B,mBAAmB;EACnB,oBAAoB;EACpB,YepD4B;CAAI;;AAlBlC;;EAoBQ,WAAW;CAES;;AAtB5B;;EAsBU,aAAa;CAAG;;AAtB1B;;EAwBM,WAAW;CAMmB;;AA9BpC;;EA0BQ,eAAe;EACf,kBAAkB;CAGQ;;AA9BlC;;EA6BU,0BXhBQ;EWiBR,aNZO;CMYe;;AA9BhC;;EAgCM,oBAAoB;EACpB,UAAU;CAAG;;AAjCnB;EAmCI,eXnCc;EWoCd,iBAAiB;CAAG;;AApCxB;EAuCM,6BXjCY;CWiCoC;;AAvCtD;;EA2CM,sBAAsB;EACtB,eX1CY;CW0CS;;AA5C3B;;EAkDU,uBAAuB;CAAG;;AAlDpC;;EAsDM,sBAAsB;EACtB,eXrDY;CWqDS;;AAvD3B;;EA4DM,kBAAkB;CAAG;;AA5D3B;;EAiEU,yBAAyB;CAAG;;AAjEtC;;EAqEM,kBAAkB;CAWW;;AAhFnC;;EAwEQ,aAAa;CAIW;;AA5EhC;;EA0EU,WAAW;CAES;;AA5E9B;;EA4EY,aAAa;CAAG;;AA5E5B;;EA8EQ,WAAW;CAEc;;AAhFjC;;EAgFU,kBAAkB;CAAG;;AAhF/B;EAqFU,0BX9EQ;CWgF4C;;AAvF9D;EAuFY,6BXjFM;CWiF0C;;AChG5D;;EAGE,iBZuCuB;EYtCvB,uBAAuB;CAUO;;AAdhC;;EhBcI,oBAAoB;CAAG;;AgBd3B;;;;EAOI,iBZmCqB;CYnCe;;AAPxC;;EAUM,yBAAyB;CAAG;;AAVlC;;EAYI,iBZ+BmB;CY/Be;;AAZtC;;EAcI,uBAAuB;CAAG;;AAE9B;EACE,eZRgB;EYShB,gBZeW;EYdX,eAAe;CAyBc;;AA5B/B;EAKI,sBAAsB;EACtB,gBZWS;CYXgB;;AAN7B;EAQI,eAAe;CAAG;;AARtB;EAUI,kBAAkB;CAAG;;AAVzB;EAYI,kBAAkB;CAAG;;AAZzB;EAiBM,gBZFO;CYIsC;;AAnBnD;EAmBQ,gBZHK;CYGoC;;AAnBjD;EAiBM,gBZDO;CYGsC;;AAnBnD;EAmBQ,gBZFK;CYEoC;;AAnBjD;EAiBM,gBZAO;CYEsC;;AAnBnD;EAmBQ,gBZDK;CYCoC;;AAnBjD;EAiBM,gBZCO;CYCsC;;AAnBnD;EAmBQ,gBZAK;CYAoC;;AAnBjD;EAiBM,gBZEO;CYAsC;;AAnBnD;EAmBQ,gBZCK;CYDoC;;AAnBjD;EAiBM,gBZGO;CYDsC;;AAnBnD;EAmBQ,gBZCK;CYDoC;;AAnBjD;EAsBI,iBAAiB;CAEO;;AAxB5B;EAwBM,iBAAiB;CAAG;;AhBsJxB;EgB9KF;IA4BM,kBAAkB;GAAG;Cf0yE1B;;AexyED;EACE,eZrCgB;EYsChB,gBZbW;EYcX,mBAAmB;CAsBS;;AAzB9B;EAKI,mBZHQ;EYIR,sBAAsB;EACtB,gBZjBS;EYkBT,iBAAiB;EACjB,oBAAoB;CAAG;;AAT3B;EAWI,eZhDc;CYgDQ;;AAX1B;EAaI,kBAAkB;CAAG;;AAbzB;EAkBM,gBZjCO;CYmCsC;;AApBnD;EAoBQ,gBZlCK;CYkCoC;;AApBjD;EAkBM,gBZhCO;CYkCsC;;AApBnD;EAoBQ,gBZjCK;CYiCoC;;AApBjD;EAkBM,gBZ/BO;CYiCsC;;AApBnD;EAoBQ,gBZhCK;CYgCoC;;AApBjD;EAkBM,gBZ9BO;CYgCsC;;AApBnD;EAoBQ,gBZ/BK;CY+BoC;;AApBjD;EAkBM,gBZ7BO;CY+BsC;;AApBnD;EAoBQ,gBZ9BK;CY8BoC;;AApBjD;EAkBM,gBZ5BO;CY8BsC;;AApBnD;EAoBQ,gBZ9BK;CY8BoC;;AApBjD;EAuBI,iBAAiB;CAEO;;AAzB5B;EAyBM,iBAAiB;CAAG;;ACvE1B;EjBcI,oBAAoB;CAAG;;AiBX3B;EACE,mBAAmB;CASM;;AjB6LzB;EiBvMF;IAGI,eAAe;IACf,iBAAiB;GAMM;EAV3B;IAOM,eAAe;IACf,gBAAgB;GAAG;ChB46ExB;;ADruEC;EiB/MF;IAUI,kBAAkB;GAAK;ChBg7E1B;;AgB96ED;EjBsJE,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EA1IlB,sBAAsB;EACtB,yBAAyB;EACzB,wCI5BgB;EJ6BhB,aAAa;EACb,wBAAwB;EACxB,gBAAgB;EAChB,sBAAsB;EACtB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,oBAAoB;EACpB,YAAY;CiB1BM;;AADpB;EjB8BI,wBI5Bc;EJ6Bd,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACnB,SAAS;EACT,WAAW;CAAG;;AiBvClB;EjByCI,iCAAiB;UAAjB,yBAAiB;CAAU;;AiBzC/B;EjB2CI,kCAAiB;UAAjB,0BAAiB;CAAW;;AiB3ChC;EjB6CI,wCIvDc;CJuDwB;;AiB7C1C;EjBgDI,aAAa;EACb,YAAY;CAAG;;AiBjDnB;EjBmDI,aAAa;EACb,YAAY;CAAG;;AiBpDnB;EjBsDI,aAAa;EACb,YAAY;CAAG;;AiBpDnB;EACE,gBAAgB;EAChB,mBAAmB;EACnB,oBAAoB;CAAG;;AAEzB;EjBkDE,sBAAsB;EACtB,gBiBlDgB;EjBmDhB,aiBnDsB;EjBoDtB,kBiBpDsB;EjBqDtB,mBAAmB;EACnB,oBAAoB;EACpB,YiBvDsB;CAUQ;;AAXhC;EAGI,mBAAmB;EACnB,qBAAqB;CAAG;;AAJ5B;EjBkDE,sBAAsB;EACtB,gBiB5CkB;EjB6ClB,aiB7CwB;EjB8CxB,kBiB9CwB;EjB+CxB,mBAAmB;EACnB,oBAAoB;EACpB,YiBjDwB;CAAI;;AAP9B;EjBkDE,sBAAsB;EACtB,gBiB1CkB;EjB2ClB,aiB3CwB;EjB4CxB,kBiB5CwB;EjB6CxB,mBAAmB;EACnB,oBAAoB;EACpB,YiB/CwB;CAAI;;AAT9B;EjBkDE,sBAAsB;EACtB,gBiBxCkB;EjByClB,aiBzCwB;EjB0CxB,kBiB1CwB;EjB2CxB,mBAAmB;EACnB,oBAAoB;EACpB,YiB7CwB;CAAI;;AAE9B;EACE,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,mBAAmB;EACnB,0BAA0B;CAAG;;AAE/B;EAEE,gBAAgB;EAChB,oBAAoB;EACpB,gBAAgB;EAChB,iBAAiB;EACjB,WAAW;CAGY;;AATzB;EjB7BI,oBAAoB;CAAG;;AiB6B3B;EAQI,eAAe;EACf,gBAAgB;CAAG;;AAEvB;EjB0EE,oDAA4C;UAA5C,4CAA4C;EAC5C,0BIpHgB;EJqHhB,wBAAwB;EACxB,gCAAgC;EAChC,8BAA8B;EAC9B,YAAY;EACZ,eAAe;EACf,aAAa;EACb,mBAAmB;EACnB,YAAY;CiBlFM;;AAEpB;EACE,6Bb3CgB;Ea4ChB,wBAAwB;EACxB,sBAAsB;EACtB,gBb1BW;Ea2BX,oBAAoB;CAAG;;AAEzB;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,6BbnDgB;EaoDhB,wBAAwB;EACxB,eb1DgB;Ea2DhB,4BAAqB;EAArB,4BAAqB;EAArB,qBAAqB;EACrB,gBAAgB;EAChB,aAAa;EACb,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;CA8BU;;AA3ChC;EAeI,iBAAiB;EACjB,mBAAmB;CAAG;;AAhB1B;EAsBM,wBbrEY;EasEZ,eblFY;CakFW;;AAvB7B;EAsBM,0BbjFY;EakFZ,abtEY;CasEW;;AAvB7B;EAsBM,6BbvEY;EawEZ,eb9EY;Ca8EW;;AAvB7B;EAsBM,0Bb7EY;Ea8EZ,kBbxEY;CawEW;;AAvB7B;EAsBM,0BbhEY;EaiEZ,aR5DW;CQ4DY;;AAvB7B;EAsBM,0Bb/DY;EagEZ,aR5DW;CQ4DY;;AAvB7B;EAsBM,0BbjEY;EakEZ,aR5DW;CQ4DY;;AAvB7B;EAsBM,0BblEY;EamEZ,0BR9DgB;CQ8DO;;AAvB7B;EAsBM,0Bb7DY;Ea8DZ,aR5DW;CQ4DY;;AAvB7B;EA0BI,gBbpDS;EaqDT,aAAa;EACb,kBAAkB;EAClB,mBAAmB;CAAG;;AA7B1B;EA+BI,gBb3DS;Ea4DT,aAAa;EACb,mBAAmB;EACnB,oBAAoB;CAAG;;AAlC3B;EAoCI,gBbjES;EakET,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,oBAAoB;CAGM;;AA3C9B;EA0CM,iBAAiB;EACjB,mBAAmB;CAAG;;AC3G5B;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,4CdGgB;EcFhB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,iBAAiB;CAAG;;AAEtB;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,edCgB;EcAhB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,kBAAkB;EAClB,cAAc;CAAG;;AAEnB;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,gBAAgB;EAChB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,YAAY;CAAG;;AAEjB;EACE,eAAe;EACf,mBAAmB;CAAG;;AAExB;EACE,cAAc;CAEW;;AAH3B;EAGI,kBAAkB;CAAG;;AAEzB;EACE,8BdlBgB;EcmBhB,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;CAAG;;AAEnB;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,cAAc;CAEwB;;AAPxC;EAOI,gCd7Bc;Cc6BoB;;AAEtC;EACE,wBd5BgB;Ec6BhB,6EdzCgB;Ec0ChB,edrCgB;EcsChB,gBAAgB;EAChB,mBAAmB;EACnB,aAAa;CAOsB;;AAbrC;EAQI,oBAAoB;CAAG;;AAR3B;EAWI,YAAY;CAAG;;AAXnB;EAaI,mBdRc;CcQiB;;ACzDnC;EACE,0BAA0B;EAC1B,eAAe;CAwHO;;AA1HxB;EAII,eAAe;CAAG;;AAJtB;;EAOI,eAAe;CAAG;;AAPtB;EASI,eAAe;CAAG;;AATtB;;EAYI,eAAe;CAAG;;AAZtB;EAcI,eAAe;CAAG;;AAdtB;EAgBI,eAAe;CAAG;;AAhBtB;EAkBI,eAAe;CAAG;;AAlBtB;EAoBI,eAAe;CAAG;;AApBtB;EAsBI,eAAe;CAAG;;AAtBtB;EAwBI,eAAe;CAAG;;AAxBtB;EA0BI,eAAe;CAAG;;AA1BtB;EA4BI,eAAe;CAAG;;AA5BtB;EA8BI,eAAe;EACf,mBAAmB;CAAG;;AA/B1B;EAiCI,eAAe;CAAG;;AAjCtB;EAmCI,eAAe;CAAG;;AAnCtB;EAqCI,eAAe;CAAG;;AArCtB;;EAwCI,eAAe;CAAG;;AAxCtB;EA0CI,eAAe;EACf,kBAAkB;CAAG;;AA3CzB;EA6CI,eAAe;CAAG;;AA7CtB;EA+CI,eAAe;CAAG;;AA/CtB;EAiDI,eAAe;CAAG;;AAjDtB;EAmDI,eAAe;CAAG;;AAnDtB;;EAsDI,eAAe;CAAG;;AAtDtB;EAwDI,eAAe;CAAG;;AAxDtB;EA0DI,eAAe;CAAG;;AA1DtB;EA4DI,eAAe;CAAG;;AA5DtB;;EA+DI,eAAe;CAAG;;AA/DtB;EAiEI,eAAe;CAAG;;AAjEtB;EAmEI,eAAe;CAAG;;AAnEtB;EAqEI,eAAe;CAAG;;AArEtB;EAuEI,eAAe;CAAG;;AAvEtB;EAyEI,eAAe;CAAG;;AAzEtB;;EA4EI,eAAe;CAAG;;AA5EtB;EA8EI,eAAe;CAAG;;AA9EtB;;;;EAmFI,eAAe;CAAG;;AAnFtB;;EAsFI,eAAe;CAAG;;AAtFtB;EAwFI,eAAe;CAAG;;AAxFtB;EA0FI,eAAe;CAAG;;AA1FtB;;;;EA+FI,eAAe;CAAG;;AA/FtB;EAiGI,eAAe;CAAG;;AAjGtB;EAmGI,eAAe;CAAG;;AAnGtB;EAqGI,eAAe;CAAG;;AArGtB;EAuGI,eAAe;CAAG;;AAvGtB;EAyGI,eAAe;CAAG;;AAzGtB;EA2GI,eAAe;CAAG;;AA3GtB;;EA8GI,eAAe;CAAG;;AA9GtB;EAgHI,eAAe;CAAG;;AAhHtB;;EAmHI,eAAe;CAAG;;AAnHtB;;;;EAwHI,eAAe;CAAG;;AAxHtB;EA0HI,eAAe;CAAG;;AC1HtB;;EAGI,iBAAiB;CAAG;;ApBuLtB;EoB1LF;IAOM,oBAAoB;GAAG;CnBw+F5B;;AmBt+FD;;EAIM,mBAAmB;CAAG;;AAJ5B;;EAOM,oBAAa;MAAb,qBAAa;UAAb,aAAa;CAAG;;ApB0KpB;EoBxKF;IAIM,iBAAiB;GAAG;CnBy+FzB;;ADj0FC;EoB5KF;IAMI,0BAAoB;QAApB,uBAAoB;YAApB,oBAAoB;IACpB,qBAAc;IAAd,qBAAc;IAAd,cAAc;GAAK;CnB6+FtB;;ADx0FC;EoBnKF;IAGI,0BAAoB;QAApB,uBAAoB;YAApB,oBAAoB;IACpB,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,sBAA0B;QAA1B,mBAA0B;YAA1B,0BAA0B;GAAK;CnB8+FlC;;AmB5+FD;EAEE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,0BAA+B;MAA/B,uBAA+B;UAA/B,+BAA+B;CAmBH;;AAtB9B;EpBpBI,oBAAoB;CAAG;;AoBoB3B;EAKI,mBhBSQ;CgBTiB;;AAL7B;EAOI,sBAAsB;EACtB,oBAAoB;CAAG;;AAR3B;EAWI,qBAAc;EAAd,qBAAc;EAAd,cAAc;CAKU;;AAhB5B;EAcQ,iBAAiB;CAAG;;AAd5B;EAgBQ,oBAAa;MAAb,qBAAa;UAAb,aAAa;CAAG;;ApB4ItB;EoB5JF;IAmBI,qBAAc;IAAd,qBAAc;IAAd,cAAc;GAGY;EAtB9B;IAsBQ,oBAAa;QAAb,qBAAa;YAAb,aAAa;GAAG;CnB6/FvB;;AoBrjGD;;;EAGE,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAAG;;AAEpB;EACE,6BjBQgB;EiBPhB,wBAAwB;EACxB,sBAAsB;EACtB,gBjByBW;EiBxBX,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,oBAAoB;CAAG;;AAEzB;EACE,mBAAmB;CAAG;;AAExB;EACE,kBAAkB;CAAG;;AAEvB;EACE,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,iBAAiB;CAAG;;AAEtB;EACE,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,iBAAiB;CA2BiB;;AA9BpC;EAKI,oBAAoB;CAAG;;AAL3B;EAOI,+CjBxBc;EiByBd,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,kBAAkB;CAOS;;AAhB/B;;EAYM,mBAAmB;CAAG;;AAZ5B;EAcM,iBAAiB;CAEM;;AAhB7B;EAgBQ,gBAAgB;CAAG;;AAhB3B;EAkBI,+CjBnCc;EiBoCd,iBAAiB;EACjB,kBAAkB;CAAG;;AApBzB;EAwBM,iBAAiB;EACjB,kBAAkB;CAAG;;ArBuIzB;EqBhKF;IA8BQ,mBAAmB;GAAG;CpB0kG7B;;AqBtoGD;EAEI,eAAe;EACf,kBAAkB;CAAG;;AAEzB;EAEI,mBlBwCc;EkBvCd,elBEc;EkBDd,eAAe;EACf,kBAAkB;CAOQ;;AAZ9B;EAOM,6BlBGY;EkBFZ,elBSY;CkBTG;;AARrB;EAWM,0BlBMY;EkBLZ,abUW;CaVW;;AAZ5B;EAeM,+BlBPY;EkBQZ,aAAa;EACb,mBAAmB;CAAG;;AAE5B;EACE,elBdgB;EkBehB,gBlBYW;EkBXX,oBAAoB;EACpB,mBAAmB;EACnB,0BAA0B;CAEF;;AAP1B;EAOI,iBAAiB;CAAG;;AC/BxB;EACE,0BnBYgB;EmBXhB,mBnB8CU;EmB7CV,mBAAmB;CAEG;;AALxB;EAKI,eAAe;CAAG;;AAEtB;EACE,0BnBEgB;EmBDhB,2BAAkC;EAClC,adiBe;EchBf,kBAAkB;CAKM;;AAT1B;EAMI,eAAe;CAAG;;AANtB;EAQI,2BnBiCQ;EmBhCR,iBAAiB;CAAG;;AAExB;EAEE,6BnBLgB;EmBMhB,mBnB2BU;CmBVmE;;AApB/E;EvBJI,oBAAoB;CAAG;;AuBI3B;EAWM,wBAAyB;CAS4C;;AApB3E;EAaQ,wBnBdU;EmBeV,enB3BU;CmB2Ba;;AAd/B;EAgBQ,oBnBjBU;EmBmBR,eAAiB;CAE8C;;AApBzE;EAWM,6BAAyB;CAS4C;;AApB3E;EAaQ,0BnB1BU;EmB2BV,anBfU;CmBea;;AAd/B;EAgBQ,sBnB7BU;EmBiCR,YAAiB;CAA8C;;AApBzE;EAWM,6BAAyB;CAS4C;;AApB3E;EAaQ,6BnBhBU;EmBiBV,enBvBU;CmBuBa;;AAd/B;EAgBQ,yBnBnBU;EmBqBR,eAAiB;CAE8C;;AApBzE;EAWM,6BAAyB;CAS4C;;AApB3E;EAaQ,0BnBtBU;EmBuBV,kBnBjBU;CmBiBa;;AAd/B;EAgBQ,sBnBzBU;EmB6BR,YAAiB;CAA8C;;AApBzE;EAWM,0BAAyB;CAS4C;;AApB3E;EAaQ,0BnBTU;EmBUV,adLS;CcKc;;AAd/B;EAgBQ,sBnBZU;EmBgBR,YAAiB;CAA8C;;AApBzE;EAWM,0BAAyB;CAS4C;;AApB3E;EAaQ,0BnBRU;EmBSV,adLS;CcKc;;AAd/B;EAgBQ,sBnBXU;EmBeR,YAAiB;CAA8C;;AApBzE;EAWM,0BAAyB;CAS4C;;AApB3E;EAaQ,0BnBVU;EmBWV,adLS;CcKc;;AAd/B;EAgBQ,sBnBbU;EmBiBR,YAAiB;CAA8C;;AApBzE;EAWM,0BAAyB;CAS4C;;AApB3E;EAaQ,0BnBXU;EmBYV,0BdPc;CcOS;;AAd/B;EAgBQ,sBnBdU;EmBkBR,YAAiB;CAA8C;;AApBzE;EAWM,0BAAyB;CAS4C;;AApB3E;EAaQ,0BnBNU;EmBOV,adLS;CcKc;;AAd/B;EAgBQ,sBnBTU;EmBaR,YAAiB;CAA8C;;ACtCzE;ExB4IE,UADuB;EAEvB,QAFuB;EAGvB,mBAAmB;EACnB,SAJuB;EAKvB,OALuB;EwBzIvB,yCpBGgB;CoBHuB;;AAEzC;;EAEE,eAAe;EACf,gCAAgB;EAChB,eAAe;EACf,mBAAmB;EACnB,YAAY;CAKQ;;AxB+KpB;EwB1LF;;IASI,eAAe;IACf,+BAAgB;IAChB,aAAa;GAAK;CvB21GrB;;AuBz1GD;ExBoJE,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;EA1IlB,sBAAsB;EACtB,yBAAyB;EACzB,wCI5BgB;EJ6BhB,aAAa;EACb,wBAAwB;EACxB,gBAAgB;EAChB,sBAAsB;EACtB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,oBAAoB;EACpB,YAAY;EwBvBZ,iBAAiB;EACjB,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,UAAU;EACV,YAAY;CAAG;;AAPjB;ExB4BI,wBI5Bc;EJ6Bd,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,iBAAiB;EACjB,mBAAmB;EACnB,SAAS;EACT,WAAW;CAAG;;AwBrClB;ExBuCI,iCAAiB;UAAjB,yBAAiB;CAAU;;AwBvC/B;ExByCI,kCAAiB;UAAjB,0BAAiB;CAAW;;AwBzChC;ExB2CI,wCIvDc;CJuDwB;;AwB3C1C;ExB8CI,aAAa;EACb,YAAY;CAAG;;AwB/CnB;ExBiDI,aAAa;EACb,YAAY;CAAG;;AwBlDnB;ExBoDI,aAAa;EACb,YAAY;CAAG;;AwB5CnB;EACE,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,6BAAuB;EAAvB,8BAAuB;MAAvB,2BAAuB;UAAvB,uBAAuB;EACvB,+BAAgB;EAChB,iBAAiB;CAAG;;AAEtB;;EAEE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,6BpBpBgB;EoBqBhB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,qBAAe;MAAf,eAAe;EACf,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;EAC5B,cAAc;EACd,mBAAmB;CAAG;;AAExB;EACE,iCpB9BgB;EoB+BhB,4BpBKgB;EoBJhB,6BpBIgB;CoBJyB;;AAE3C;EACE,epBvCgB;EoBwChB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,gBpBjBW;EoBkBX,eAAe;CAAG;;AAEpB;EACE,+BpBNgB;EoBOhB,gCpBPgB;EoBQhB,8BpB5CgB;CoB+Cc;;AANhC;EAMM,mBAAmB;CAAG;;AAE5B;EACE,wBpB9CgB;EoB+ChB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,eAAe;EACf,cAAc;CAAG;;AAEnB;ExBuEE,UADuB;EAEvB,QAFuB;EAGvB,mBAAmB;EACnB,SAJuB;EAKvB,OALuB;EwBpEvB,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,iBAAiB;EACjB,gBAAgB;EAChB,cAAc;CAGO;;AAVvB;EAUI,qBAAc;EAAd,qBAAc;EAAd,cAAc;CAAG;;AC3ErB;EzB8EE,gBAAgB;EAChB,eAAe;EACf,ayBpFe;EzBqFf,mBAAmB;EACnB,YyBtFe;CAQM;;AzB+ErB;EACE,0BI9Ec;EJ+Ed,eAAe;EACf,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,mBAAmB;EACnB,SAAS;EACT,uCIjDa;EJiDb,+BIjDa;EJkDb,0EAA0D;EAA1D,kEAA0D;EAA1D,0DAA0D;EAA1D,6EAA0D;EAC1D,YAAY;CAMW;;AAhBzB;EAYI,iBAAiB;CAAG;;AAZxB;EAcI,iBAAiB;CAAG;;AAdxB;EAgBI,gBAAgB;CAAG;;AyBnGzB;EzBqGI,6BI1Fc;CJ0FkB;;AAGhC;EACE,0BIvFY;CJiGyB;;AAXvC;EAGI,kBAAkB;EAClB,iCAAiB;UAAjB,yBAAiB;EACjB,mCAA2B;UAA3B,2BAA2B;CAAG;;AALlC;EAOI,WAAW;CAAG;;AAPlB;EASI,kBAAkB;EAClB,kCAAiB;UAAjB,0BAAiB;EACjB,sCAA8B;UAA9B,8BAA8B;CAAG;;AAuEvC;EyB1LF;IAII,cAAc;GAAK;CxBuiHtB;;AwBriHD;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,cAAc;CAeqB;;AArBrC;EAQI,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAAG;;AATtB;EAWI,iBAAiB;CAAG;;AAXxB;EAaI,kBAAkB;CAAG;;AAbzB;EAgBM,kBAAkB;CAAG;;AAhB3B;EAkBM,iBAAiB;CAAG;;AzB8JxB;EyBhLF;IAqBI,wBAA4B;QAA5B,qBAA4B;YAA5B,4BAA4B;GAAK;CxBojHpC;;AwBljHD;;EAEE,erBxBgB;CqByCO;;AAnBzB;;EAII,erB5Bc;CqB4BO;;AAJzB;;EAOI,erB/Bc;CqB+BQ;;AAP1B;;EASI,qCAAqC;EACrC,kCAAkC;EAClC,mBAAmB;EACnB,oBAAoB;CAOD;;AAnBvB;;EAcM,iCrBzBY;EqB0BZ,kCAAkC;CAAG;;AAf3C;;EAiBM,iCrB5BY;EqB6BZ,kCAAkC;EAClC,erB9BY;CqB8BG;;AzBsInB;EyBlIF;IAGI,wBrB1Cc;IqB2Cd,4CrBvDc;IqBwDd,QAAQ;IACR,cAAc;IACd,SAAS;IACT,UAAU;IACV,mBAAmB;GAOM;EAhB7B;IAWM,+CrBtDY;IqBuDZ,cAAc;GAAG;EAZvB;IAcM,eAAe;GAAG;CxBokHvB;;ADx8GC;EyB1IF;IAgBI,oBAAoB;GAAK;CxBwkH5B;;AwBtkHD;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,2BAAc;MAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;EAC5B,iBAAiB;EACjB,iBAAiB;EACjB,oBAAoB;CAAG;;AAEzB;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,kBAAkB;EAClB,mBAAmB;CAAG;;AzBoGtB;EyBlGF;IAGI,2BAAqB;QAArB,wBAAqB;YAArB,qBAAqB;IACrB,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,2BAAc;QAAd,cAAc;IACd,oBAAa;QAAb,qBAAa;YAAb,aAAa;IACb,qBAAe;QAAf,eAAe;IACf,sBAA0B;QAA1B,mBAA0B;YAA1B,0BAA0B;GAAK;CxB2kHlC;;AwBvkHD;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,wBrBzFgB;EqB0FhB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,iBA5Ge;EA6Gf,mBAAmB;EACnB,mBAAmB;EACnB,WAAW;CA4B2B;;AAnCxC;EASI,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,iBAnHa;EAoHb,YAAY;CAMgB;;AAlBhC;EAeQ,gBAAgB;CAAG;;AAf3B;EAkBQ,iBAAiB;CAAG;;AAC1B;EAGM,gBAAgB;CAAG;;AAHzB;EAMM,iBAAiB;CAAG;;AAzB5B;EA4BI,4CrB/Hc;CqB+H4B;;AzBkE5C;EyB9FF;;IAmCU,mBAAmB;GAAG;CxBglH/B;;AyB3tHD;EACE,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,mBAAmB;CAgCK;;AApC1B;EAMI,eAAe;EACf,gBAAgB;EAChB,iBAAiB;CAAG;;AARxB;EAUI,etBCc;EsBAd,eAAe;EACf,cAAc;CAAG;;AAZrB;EAcI,cAAc;CAAG;;AAdrB;EAgBI,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CAAG;;A1BsK7B;E0B1LF;IAuBI,oBAAgB;QAAhB,gBAAgB;GAaM;EApC1B;IAyBM,uBAAW;GAEc;EA3B/B;IA2BQ,kBAAkB;GAAG;EA3B7B;IA6BM,oBAAa;QAAb,qBAAa;YAAb,aAAa;IACb,qBAAe;QAAf,eAAe;GAAG;EA9BxB;IAgCM,iBAAiB;GAAG;CzB6uHzB;;AD/kHC;E0B9LF;IAoCQ,6BAAS;QAAT,kBAAS;YAAT,SAAS;GAAG;CzB+uHnB;;A0BnxHD;E3ByEE,sBAAsB;EACtB,gB2BzEgB;E3B0EhB,a2B1EsB;E3B2EtB,kB2B3EsB;E3B4EtB,mBAAmB;EACnB,oBAAoB;EACpB,Y2B9EsB;EACtB,evBSgB;EuBRhB,YAAY;EACZ,qBAAqB;CAGO;;AAP9B;EAMI,mBAAmB;EACnB,qBAAqB;CAAG;;AAE5B;EACE,6BvBKgB;EuBJhB,iCvBEgB;EuBDhB,2BAA2B;EAC3B,evBJgB;EuBKhB,gBvBqBW;EuBpBX,iBAAiB;EACjB,cAAc;CAAG;;AAEnB;EAEI,evBVc;CuBYK;;AAJvB;EAIM,evBAY;CuBAG;;AAErB;EACE,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,gBvBYW;EuBXX,oBAAoB;EACpB,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CAUe;;AAdzC;EAMI,iCvBjBc;EuBkBd,oBAAoB;EACpB,aAAa;CAIa;;AAZ9B;EAWM,6BvB1BY;EuB2BZ,evB3BY;CuB2BU;;AAZ5B;EAcI,iCvBzBc;CuByBqB;;AAEvC;EACE,evBhCgB;EuBiChB,eAAe;EACf,kBAAkB;EAClB,cAAc;CAEyB;;AANzC;EAMI,iCvBjCc;CuBiCqB;;AAEvC;EAEI,6BvBnCc;CuBmCkB;;AAEpC;EACE,0BvBxCgB;EuByChB,mBvBLgB;CuBOW;;AAJ7B;EAII,oBAAoB;CAAG;;ACxD3B;E5BqKE,4BAA4B;EAC5B,0BAA0B;EAC1B,uBAAuB;EACvB,sBAAsB;EACtB,kBAAkB;E4BtKlB,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,0BAA+B;MAA/B,uBAA+B;UAA/B,+BAA+B;EAC/B,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,oBAAoB;CAyHa;;AAlInC;E5BcI,oBAAoB;CAAG;;A4Bd3B;EAWI,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,iCxBCc;EwBAd,exBHc;EwBId,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,oBAAoB;EACpB,kBAAkB;EAClB,oBAAoB;CAGM;;AArB9B;EAoBM,6BxBXY;EwBYZ,exBZY;CwBYU;;AArB5B;EAuBI,eAAe;CAIQ;;AA3B3B;EA0BQ,6BxBJU;EwBKV,exBLU;CwBKK;;AA3BvB;EA6BI,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,iCxBjBc;EwBkBd,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,wBAA4B;MAA5B,qBAA4B;UAA5B,4BAA4B;CAUF;;AA5C9B;EAoCM,oBAAoB;CAAG;;AApC7B;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;EACxB,mBAAmB;EACnB,oBAAoB;CAAG;;AAzC7B;EA2CM,sBAA0B;MAA1B,mBAA0B;UAA1B,0BAA0B;EAC1B,mBAAmB;CAAG;;AA5C5B;EA+CM,kBAAkB;CAAG;;AA/C3B;EAiDM,iBAAiB;CAAG;;AAjD1B;EAqDM,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CAAG;;AArDjC;EAwDM,sBAA0B;MAA1B,mBAA0B;UAA1B,0BAA0B;CAAG;;AAxDnC;EA4DM,8BAA8B;EAC9B,2BAAkC;EAClC,oBAAoB;EACpB,iBAAiB;CAGkB;;AAlEzC;EAiEQ,6BxBlDU;EwBmDV,6BxBrDU;CwBqDqB;;AAlEvC;EAsEU,wBxBrDQ;EwBsDR,sBxB1DQ;EwB2DR,4CAA4C;CAAG;;AAxEzD;EA2EM,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAAG;;AA5ExB;EA+EM,0BxBlEY;EwBmEZ,iBAAiB;EACjB,oBAAoB;EACpB,iBAAiB;EACjB,mBAAmB;CAID;;AAvFxB;EAqFQ,6BxBtEU;EwBuEV,sBxB1EU;EwB2EV,WAAW;CAAG;;AAvFtB;EA0FQ,kBAAkB;CAAG;;AA1F7B;EA4FQ,2BxB5CI;CwB4CiC;;AA5F7C;EA8FQ,2BAAkC;CAAG;;AA9F7C;EAiGU,0BxB3EQ;EwB4ER,sBxB5EQ;EwB6ER,anBxEO;EmByEP,WAAW;CAAG;;AApGxB;EAsGM,oBAAoB;CAAG;;AAtG7B;EAyGI,gBxBnES;CwB0EmB;;AAhHhC;EA2GM,iBAAiB;CAAG;;AA3G1B;EA+GQ,oBAAoB;EACpB,iBAAiB;CAAG;;AAhH5B;EAkHI,gBxB/ES;CwBsFmB;;AAzHhC;EAoHM,mBAAmB;CAAG;;AApH5B;EAwHQ,oBAAoB;EACpB,iBAAiB;CAAG;;AAzH5B;EA2HI,gBxB1FS;CwBiGoB;;AAlIjC;EA6HM,mBAAmB;CAAG;;AA7H5B;EAiIQ,qBAAqB;EACrB,kBAAkB;CAAG;;AClI7B;EACE,eAAe;EACf,2BAAc;MAAd,cAAc;EACd,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,cAAc;CAoM8B;;AAzM9C;EAOI,oBAAW;MAAX,eAAW;UAAX,WAAW;CAAG;;AAPlB;EASI,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,YAAY;CAAG;;AAVnB;EAYI,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,WAAW;CAAG;;AAblB;EAeI,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,gBAAgB;CAAG;;AAhBvB;EAkBI,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,WAAW;CAAG;;AAnBlB;EAqBI,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,gBAAgB;CAAG;;AAtBvB;EAwBI,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,WAAW;CAAG;;AAzBlB;EA2BI,iBAAiB;CAAG;;AA3BxB;EA6BI,sBAAsB;CAAG;;AA7B7B;EA+BI,iBAAiB;CAAG;;AA/BxB;EAiCI,sBAAsB;CAAG;;AAjC7B;EAmCI,iBAAiB;CAAG;;AAnCxB;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,gBAAU;CAAgB;;AAvChC;EAyCM,sBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,iBAAU;CAAgB;;AAvChC;EAyCM,uBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,WAAU;CAAgB;;AAvChC;EAyCM,iBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,iBAAU;CAAgB;;AAvChC;EAyCM,uBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,iBAAU;CAAgB;;AAvChC;EAyCM,uBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,WAAU;CAAgB;;AAvChC;EAyCM,iBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,iBAAU;CAAgB;;AAvChC;EAyCM,uBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,iBAAU;CAAgB;;AAvChC;EAyCM,uBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,WAAU;CAAgB;;AAvChC;EAyCM,iBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,iBAAU;CAAgB;;AAvChC;EAyCM,uBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,iBAAU;CAAgB;;AAvChC;EAyCM,uBAAgB;CAAgB;;AAzCtC;EAsCM,oBAAW;MAAX,eAAW;UAAX,WAAW;EACX,YAAU;CAAgB;;AAvChC;EAyCM,kBAAgB;CAAgB;;A7BiJpC;E6B1LF;IA4CM,oBAAW;QAAX,eAAW;YAAX,WAAW;GAAG;EA5CpB;IA8CM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAY;GAAG;EA/CrB;IAiDM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EAlDpB;IAoDM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EArDzB;IAuDM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EAxDpB;IA0DM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EA3DzB;IA6DM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EA9DpB;IAgEM,iBAAiB;GAAG;EAhE1B;IAkEM,sBAAsB;GAAG;EAlE/B;IAoEM,iBAAiB;GAAG;EApE1B;IAsEM,sBAAsB;GAAG;EAtE/B;IAwEM,iBAAiB;GAAG;EAxE1B;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAU;GAAgB;EA5ElC;IA8EQ,sBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA5ElC;IA8EQ,uBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA5ElC;IA8EQ,iBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA5ElC;IA8EQ,uBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA5ElC;IA8EQ,uBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA5ElC;IA8EQ,iBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA5ElC;IA8EQ,uBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA5ElC;IA8EQ,uBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA5ElC;IA8EQ,iBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA5ElC;IA8EQ,uBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA5ElC;IA8EQ,uBAAgB;GAAgB;EA9ExC;IA2EQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAU;GAAgB;EA5ElC;IA8EQ,kBAAgB;GAAgB;C5B0vIvC;;AD1oIC;E6B9LF;IAkFM,oBAAW;QAAX,eAAW;YAAX,WAAW;GAAG;EAlFpB;IAqFM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAY;GAAG;EAtFrB;IAyFM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EA1FpB;IA6FM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EA9FzB;IAiGM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EAlGpB;IAqGM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EAtGzB;IAyGM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EA1GpB;IA6GM,iBAAiB;GAAG;EA7G1B;IAgHM,sBAAsB;GAAG;EAhH/B;IAmHM,iBAAiB;GAAG;EAnH1B;IAsHM,sBAAsB;GAAG;EAtH/B;IAyHM,iBAAiB;GAAG;EAzH1B;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAU;GAAgB;EA7HlC;IA+HQ,sBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA7HlC;IA+HQ,uBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA7HlC;IA+HQ,iBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA7HlC;IA+HQ,uBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA7HlC;IA+HQ,uBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA7HlC;IA+HQ,iBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA7HlC;IA+HQ,uBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA7HlC;IA+HQ,uBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA7HlC;IA+HQ,iBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA7HlC;IA+HQ,uBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA7HlC;IA+HQ,uBAAgB;GAAgB;EA/HxC;IA4HQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAU;GAAgB;EA7HlC;IA+HQ,kBAAgB;GAAgB;C5B00IvC;;AD/vIC;E6B1MF;IAkIM,oBAAW;QAAX,eAAW;YAAX,WAAW;GAAG;EAlIpB;IAoIM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAY;GAAG;EArIrB;IAuIM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EAxIpB;IA0IM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EA3IzB;IA6IM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EA9IpB;IAgJM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EAjJzB;IAmJM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EApJpB;IAsJM,iBAAiB;GAAG;EAtJ1B;IAwJM,sBAAsB;GAAG;EAxJ/B;IA0JM,iBAAiB;GAAG;EA1J1B;IA4JM,sBAAsB;GAAG;EA5J/B;IA8JM,iBAAiB;GAAG;EA9J1B;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAU;GAAgB;EAlKlC;IAoKQ,sBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAlKlC;IAoKQ,uBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EAlKlC;IAoKQ,iBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAlKlC;IAoKQ,uBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAlKlC;IAoKQ,uBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EAlKlC;IAoKQ,iBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAlKlC;IAoKQ,uBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAlKlC;IAoKQ,uBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EAlKlC;IAoKQ,iBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAlKlC;IAoKQ,uBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAlKlC;IAoKQ,uBAAgB;GAAgB;EApKxC;IAiKQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAU;GAAgB;EAlKlC;IAoKQ,kBAAgB;GAAgB;C5Bs6IvC;;ADx3IC;E6BlNF;IAuKM,oBAAW;QAAX,eAAW;YAAX,WAAW;GAAG;EAvKpB;IAyKM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAY;GAAG;EA1KrB;IA4KM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EA7KpB;IA+KM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EAhLzB;IAkLM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EAnLpB;IAqLM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAgB;GAAG;EAtLzB;IAwLM,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAW;GAAG;EAzLpB;IA2LM,iBAAiB;GAAG;EA3L1B;IA6LM,sBAAsB;GAAG;EA7L/B;IA+LM,iBAAiB;GAAG;EA/L1B;IAiMM,sBAAsB;GAAG;EAjM/B;IAmMM,iBAAiB;GAAG;EAnM1B;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAU;GAAgB;EAvMlC;IAyMQ,sBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAvMlC;IAyMQ,uBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EAvMlC;IAyMQ,iBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAvMlC;IAyMQ,uBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAvMlC;IAyMQ,uBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EAvMlC;IAyMQ,iBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAvMlC;IAyMQ,uBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAvMlC;IAyMQ,uBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EAvMlC;IAyMQ,iBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAvMlC;IAyMQ,uBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EAvMlC;IAyMQ,uBAAgB;GAAgB;EAzMxC;IAsMQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAU;GAAgB;EAvMlC;IAyMQ,kBAAgB;GAAgB;C5BkgJvC;;A4BhgJD;EACE,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;CA0CO;;AA7C3B;EAKI,qBAAqB;CAAG;;AAL5B;EAOI,oBAAoB;CAAG;;AAP3B;EAUI,yBAAwB;MAAxB,sBAAwB;UAAxB,wBAAwB;CAAG;;AAV/B;EAYI,eAAe;EACf,gBAAgB;EAChB,cAAc;CAOI;;AArBtB;EAgBM,iBAAiB;CAAG;;AAhB1B;EAkBM,oBAAoB;CAAG;;AAlB7B;EAoBM,UAAU;EACV,WAAW;CAAG;;A7BlClB;E6BaF;IAyBM,oBAAgB;QAAhB,gBAAgB;GAMY;EA/BlC;IA2BQ,oBAAoB;IACpB,cAAc;IACd,gBAAgB;GAEM;EA/B9B;IA+BU,eAAe;GAAG;C5BohJ3B;;A4BnjJD;EAiCI,qBAAc;EAAd,qBAAc;EAAd,cAAc;CAAG;;AAjCrB;EAmCI,oBAAgB;MAAhB,gBAAgB;CAAG;;AAnCvB;EAqCI,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;CAAG;;A7BlDzB;E6BaF;IAyCM,qBAAc;IAAd,qBAAc;IAAd,cAAc;GAAG;C5B4hJtB;;ADtkJC;E6BCF;IA6CM,qBAAc;IAAd,qBAAc;IAAd,cAAc;GAAG;C5B8hJtB;;A6BtxJD;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,eAAe;EACf,8BAAiB;MAAjB,iBAAiB;EACjB,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,gCAAwB;EAAxB,6BAAwB;EAAxB,wBAAwB;CAyBc;;AA/BxC;EASI,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;CAIS;;AAf/B;EAaM,qBAAqB;CAAG;;AAb9B;EAeM,oBAAoB;CAAG;;AAf7B;EAiBI,qBAAqB;CAAG;;AAjB5B;EAmBI,cAAc;CAAG;;AAnBrB;EAqBI,6BAAuB;EAAvB,8BAAuB;MAAvB,2BAAuB;UAAvB,uBAAuB;CAEe;;AAvB1C;EAuBM,+BAA+B;CAAG;;A9BuKtC;E8B9LF;IA2BM,qBAAc;IAAd,qBAAc;IAAd,cAAc;GAAG;EA3BvB;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,gBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,WAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,iBAAU;GAAgB;EA/BlC;IA8BQ,oBAAW;QAAX,eAAW;YAAX,WAAW;IACX,YAAU;GAAgB;C7Bo1JjC;;A8Bj3JD;E/B0IE,UADuB;EAEvB,QAFuB;EAGvB,mBAAmB;EACnB,SAJuB;EAKvB,OALuB;E+BvIvB,iBAAiB;CAaI;;AAfvB;EAII,UAAU;EACV,iBAAiB;EACjB,gBAAgB;EAChB,mBAAmB;EACnB,SAAS;EACT,8CAAsB;UAAtB,sCAAsB;CAAkB;;AAT5C;EAYI,aAAa;CAAG;;A/B4KlB;E+BxLF;IAeI,cAAc;GAAK;C9B83JtB;;A8B53JD;EACE,iBAAiB;CAWa;;A/B2J9B;E+BvKF;IAKM,qBAAc;IAAd,qBAAc;IAAd,cAAc;GAEa;EAPjC;IAOQ,oBAAoB;GAAG;C9Bk4J9B;;AD9tJC;E+B3KF;IASI,qBAAc;IAAd,qBAAc;IAAd,cAAc;IACd,yBAAwB;QAAxB,sBAAwB;YAAxB,wBAAwB;GAEI;EAZhC;IAYM,mBAAmB;GAAG;C9Bu4J3B;;A8Bn4JD;;EAEE,qBAAe;MAAf,eAAe;CAAG;;AAEpB;EACE,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;EACf,mBAAmB;CAIK;;A/BoIxB;E+B3IF;IAMI,gBAAgB;IAChB,iBAAiB;GAAK;C9B04JzB;;A8Bt4JD;EACE,2BAAqB;MAArB,wBAAqB;UAArB,qBAAqB;EACrB,wB3BnCgB;E2BoChB,qBAAc;EAAd,qBAAc;EAAd,cAAc;EACd,6BAAuB;EAAvB,8BAAuB;MAAvB,2BAAuB;UAAvB,uBAAuB;EACvB,0BAA+B;MAA/B,uBAA+B;UAA/B,+BAA+B;CA4FD;;AAjGhC;EAOI,iBAAiB;EACjB,6C3B7Cc;C2B6C2B;;AAR7C;EAWM,oBAAoB;CAAG;;AAX7B;EAiBM,wB3BlDY;E2BmDZ,e3B/DY;C2B2H6C;;AA9E/D;EAoBQ,e3BjEU;C2BoEY;;AAvB9B;;EAuBU,eAAe;CAAG;;AAvB5B;EAyBQ,6B3BtEU;C2ByEiB;;AA5BnC;;EA4BU,e3BzEQ;C2ByEe;;AA5BjC;EA8BQ,0C3B3EU;C2B2EqC;;A/B0GrD;E+BxIF;IAiCU,wB3BlEQ;G2BkEqB;C9Bu5JtC;;A8Bx7JD;;EAoCQ,6B3BjFU;C2BoFiB;;AAvCnC;;;EAuCU,e3BpFQ;C2BoFe;;AAvCjC;EA0CU,e3BvFQ;E2BwFR,aAAa;CAEK;;AA7C5B;EA6CY,WAAW;CAAG;;AA7C1B;EAgDY,WAAW;CAAG;;AAhD1B;EAoDY,e3BjGM;C2BmGoC;;AAtDtD;EAsDc,wC3BnGI;C2BmGkC;;AAtDpD;EA0Dc,0B3BvGI;E2BwGJ,sB3BxGI;E2ByGJ,a3B7FI;C2B6FY;;AA5D9B;EAiEQ,qFAAiC;EAAjC,6EAAiC;CAA2E;;A/BuElH;E+BxIF;IAsEY,0B3BnHM;G2BmH4B;EAtE9C;IAwEY,wC3BrHM;G2BqHgC;EAxElD;IA2Ec,0B3BxHI;G2BwH8B;EA3EhD;IA8EY,wC3B3HM;G2B2HuC;C9Bm6JxD;;A8Bj/JD;EAiBM,0B3B9DY;E2B+DZ,a3BnDY;C2B+G6C;;AA9E/D;EAoBQ,a3BrDU;C2BwDY;;AAvB9B;;EAuBU,eAAe;CAAG;;AAvB5B;EAyBQ,gC3B1DU;C2B6DiB;;AA5BnC;;EA4BU,a3B7DQ;C2B6De;;AA5BjC;EA8BQ,6C3B/DU;C2B+DqC;;A/B0GrD;E+BxIF;IAiCU,0B3B9EQ;G2B8EqB;C9Bi/JtC;;A8BlhKD;;EAoCQ,gC3BrEU;C2BwEiB;;AAvCnC;;;EAuCU,a3BxEQ;C2BwEe;;AAvCjC;EA0CU,a3B3EQ;E2B4ER,aAAa;CAEK;;AA7C5B;EA6CY,WAAW;CAAG;;AA7C1B;EAgDY,WAAW;CAAG;;AAhD1B;EAoDY,a3BrFM;C2BuFoC;;AAtDtD;EAsDc,wC3BnGI;C2BmGkC;;AAtDpD;EA0Dc,wB3B3FI;E2B4FJ,oB3B5FI;E2B6FJ,e3BzGI;C2ByGY;;AA5D9B;EAiEQ,uFAAiC;EAAjC,+EAAiC;CAA2E;;A/BuElH;E+BxIF;IAsEY,wB3BvGM;G2BuG4B;EAtE9C;IAwEY,wC3BrHM;G2BqHgC;EAxElD;IA2Ec,wB3B5GI;G2B4G8B;EA3EhD;IA8EY,2C3B/GM;G2B+GuC;C9B6/JxD;;A8B3kKD;EAiBM,6B3BpDY;E2BqDZ,e3B3DY;C2BuH6C;;AA9E/D;EAoBQ,e3B7DU;C2BgEY;;AAvB9B;;EAuBU,eAAe;CAAG;;AAvB5B;EAyBQ,6B3BlEU;C2BqEiB;;AA5BnC;;EA4BU,e3BrEQ;C2BqEe;;AA5BjC;EA8BQ,0C3BvEU;C2BuEqC;;A/B0GrD;E+BxIF;IAiCU,6B3BpEQ;G2BoEqB;C9B2kKtC;;A8B5mKD;;EAoCQ,6B3B7EU;C2BgFiB;;AAvCnC;;;EAuCU,e3BhFQ;C2BgFe;;AAvCjC;EA0CU,e3BnFQ;E2BoFR,aAAa;CAEK;;AA7C5B;EA6CY,WAAW;CAAG;;AA7C1B;EAgDY,WAAW;CAAG;;AAhD1B;EAoDY,e3B7FM;C2B+FoC;;AAtDtD;EAsDc,wC3BnGI;C2BmGkC;;AAtDpD;EA0Dc,0B3BnGI;E2BoGJ,sB3BpGI;E2BqGJ,kB3B/FI;C2B+FY;;AA5D9B;EAiEQ,0FAAiC;EAAjC,kFAAiC;CAA2E;;A/BuElH;E+BxIF;IAsEY,0B3B/GM;G2B+G4B;EAtE9C;IAwEY,wC3BrHM;G2BqHgC;EAxElD;IA2Ec,0B3BpHI;G2BoH8B;EA3EhD;IA8EY,wC3BvHM;G2BuHuC;C9BulKxD;;A8BrqKD;EAi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;;AAhD1B;EAoDY,atB3EK;CsB6EqC;;AAtDtD;EAsDc,wC3BnGI;C2BmGkC;;AAtDpD;EA0Dc,wBtBjFG;EsBkFH,oBtBlFG;EsBmFH,e3BzFI;C2ByFY;;AA5D9B;EAiEQ,yFAAiC;EAAjC,iFAAiC;CAA2E;;A/BuElH;E+BxIF;IAsEY,wBtB7FK;GsB6F6B;EAtE9C;IAwEY,wC3BrHM;G2BqHgC;EAxElD;IA2Ec,wBtBlGG;GsBkG+B;EA3EhD;IA8EY,2CtBrGK;GsBqGwC;C9B+7KxD;;A8B7gLD;EAiBM,0B3B/CY;E2BgDZ,0BtB3CgB;CsBuGyC;;AA9E/D;EAoBQ,0BtB7Cc;CsBgDQ;;AAvB9B;;EAuBU,eAAe;CAAG;;AAvB5B;EAyBQ,0BtBlDc;CsBqDa;;AA5BnC;;EA4BU,0BtBrDY;CsBqDW;;AA5BjC;EA8BQ,uCtBvDc;CsBuDiC;;A/B0GrD;E+BxIF;IAiCU,0B3B/DQ;G2B+DqB;C9B6gLtC;;A8B9iLD;;EAoCQ,0BtB7Dc;CsBgEa;;AAvCnC;;;EAuCU,0BtBhEY;CsBgEW;;AAvCjC;EA0CU,0BtBnEY;EsBoEZ,aAAa;CAEK;;AA7C5B;EA6CY,WAAW;CAAG;;AA7C1B;EAgDY,WAAW;CAAG;;AAhD1B;EAoDY,0BtB7EU;CsB+EgC;;AAtDtD;EAsDc,wC3BnGI;C2BmGkC;;AAtDpD;EA0Dc,qCtBnFQ;EsBoFR,iCtBpFQ;EsBqFR,e3B1FI;C2B0FY;;AA5D9B;EAiEQ,yFAAiC;EAAjC,iFAAiC;CAA2E;;A/BuElH;E+BxIF;IAsEY,qCtB/FU;GsB+FwB;EAtE9C;IAwEY,wC3BrHM;G2BqHgC;EAxElD;IA2Ec,qCtBpGQ;GsBoG0B;EA3EhD;IA8EY,qCtBvGU;GsBuGmC;C9ByhLxD;;A8BvmLD;EAiBM,0B3B1CY;E2B2CZ,atBzCW;CsBqG8C;;AA9E/D;EAoBQ,atB3CS;CsB8Ca;;AAvB9B;;EAuBU,eAAe;CAAG;;AAvB5B;EAyBQ,gCtBhDS;CsBmDkB;;AA5BnC;;EA4BU,atBnDO;CsBmDgB;;AA5BjC;EA8BQ,6CtBrDS;CsBqDsC;;A/B0GrD;E+BxIF;IAiCU,0B3B1DQ;G2B0DqB;C9BumLtC;;A8BxoLD;;EAoCQ,gCtB3DS;CsB8DkB;;AAvCnC;;;EAuCU,atB9DO;CsB8DgB;;AAvCjC;EA0CU,atBjEO;EsBkEP,aAAa;CAEK;;AA7C5B;EA6CY,WAAW;CAAG;;AA7C1B;EAgDY,WAAW;CAAG;;AAhD1B;EAoDY,atB3EK;CsB6EqC;;AAtDtD;EAsDc,wC3BnGI;C2BmGkC;;AAtDpD;EA0Dc,wBtBjFG;EsBkFH,oBtBlFG;EsBmFH,e3BrFI;C2BqFY;;AA5D9B;EAiEQ,yFAAiC;EAAjC,iFAAiC;CAA2E;;A/BuElH;E+BxIF;IAsEY,wBtB7FK;GsB6F6B;EAtE9C;IAwEY,wC3BrHM;G2BqHgC;EAxElD;IA2Ec,wBtBlGG;GsBkG+B;EA3EhD;IA8EY,2CtBrGK;GsBqGwC;C9BmnLxD;;ADrjLC;E+B5IF;IAmFQ,sBAAsB;IACtB,mBAAmB;GAAG;C9BonL7B;;AD5jLC;E+B5IF;IAwFQ,sBAAsB;IACtB,mBAAmB;GAAG;C9BsnL7B;;A8B/sLD;EA2FI,kBAAkB;CAMQ;;AAjG9B;EA6FM,0BAAoB;MAApB,uBAAoB;UAApB,oBAAoB;EACpB,qBAAc;EAAd,qBAAc;EAAd,cAAc;CAGQ;;AAjG5B;EAgGQ,oBAAa;MAAb,qBAAa;UAAb,aAAa;EACb,qBAAe;MAAf,eAAe;CAAG;;ACnJ1B;EACE,wB5BgBgB;E4BfhB,mBAAmB;CAOY;;AhCiM/B;EgC1MF;IAOM,oBAAoB;GAAG;EAP7B;IASM,oBAAoB;GAAG;C/BoxL5B;;AgC7xLD;EACE,6B7BcgB;E6BbhB,wBAAwB;CAUqB;;AAZ/C;EAMM,e7BIY;C6BEyB;;AAZ3C;EAQQ,e7BCU;C6BDY;;AAR9B;EAUQ,iC7BGU;C6BDuB;;AAZzC;EAYU,6B7BUQ;C6BVqB","file":"bulma.css"} \ No newline at end of file +{"version":3,"sources":["../bulma.sass","../sass/utilities/mixins.sass","bulma.css","../sass/base/minireset.sass","../sass/base/generic.sass","../sass/utilities/variables.sass","../sass/base/helpers.sass","../sass/elements/box.sass","../sass/elements/button.sass","../sass/utilities/controls.sass","../sass/utilities/functions.sass","../sass/elements/content.sass","../sass/elements/form.sass","../sass/elements/icon.sass","../sass/elements/image.sass","../sass/elements/notification.sass","../sass/elements/progress.sass","../sass/elements/table.sass","../sass/elements/tag.sass","../sass/elements/title.sass","../sass/elements/other.sass","../sass/components/card.sass","../sass/components/level.sass","../sass/components/media.sass","../sass/components/menu.sass","../sass/components/message.sass","../sass/components/modal.sass","../sass/components/nav.sass","../sass/components/pagination.sass","../sass/components/panel.sass","../sass/components/tabs.sass","../sass/grid/columns.sass","../sass/grid/tiles.sass","../sass/layout/hero.sass","../sass/layout/section.sass","../sass/layout/footer.sass"],"names":[],"mappings":"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A7C1B;EAgDY,WAAW;CAAG;;AAhD1B;EAoDY,YvB5EI;CuB8EsC;;AAtDtD;EAsDc,wC5BpGI;C4BoGkC;;AAtDpD;EA0Dc,uBvBlFE;EuBmFF,mBvBnFE;EuBoFF,e5BzFI;C4ByFY;;AA5D9B;EAiEQ,yFAAiC;EAAjC,iFAAiC;CAA2E;;AhCyElH;EgC1IF;IAsEY,uBvB9FI;GuB8F8B;EAtE9C;IAwEY,wC5BtHM;G4BsHgC;EAxElD;IA2Ec,uBvBnGE;GuBmGgC;EA3EhD;IA8EY,2CvBtGI;GuBsGyC;C/Bg5KxD;;A+B99KD;EAiBM,0B5B7CY;E4B8CZ,YvB1CU;CuBsG+C;;AA9E/D;;EAqBQ,eAAe;CAAG;;AArB1B;EAuBQ,YvB/CQ;CuB+Ce;;AAvB/B;EAyBQ,gCvBjDQ;CuBoDmB;;AA5BnC;;EA4BU,YvBpDM;CuBoDiB;;AA5BjC;EA8BQ,6CvBtDQ;CuBsDuC;;AhC4GrD;EgC1IF;IAiCU,0B5B7DQ;G4B6DqB;C/B89KtC;;A+B//KD;;EAoCQ,gCvB5DQ;CuB+DmB;;AAvCnC;;;EAuCU,YvB/DM;CuB+DiB;;AAvCjC;EA0CU,YvBlEM;EuBmEN,aAAa;CAEK;;AA7C5B;EA6CY,WAAW;CAAG;;AA7C1B;EAgDY,WAAW;CAAG;;AAhD1B;EAoDY,YvB5EI;CuB8EsC;;AAtDtD;EAsDc,wC5BpGI;C4BoGkC;;AAtDpD;EA0Dc,uBvBlFE;EuBmFF,mBvBnFE;EuBoFF,e5BxFI;C4BwFY;;AA5D9B;EAiEQ,yFAAiC;EAAjC,iFAAiC;CAA2E;;AhCyElH;EgC1IF;IAsEY,uBvB9FI;GuB8F8B;EAtE9C;IAwEY,wC5BtHM;G4BsHgC;EAxElD;IA2Ec,uBvBnGE;GuBmGgC;EA3EhD;IA8EY,2CvBtGI;GuBsGyC;C/B0+KxD;;A+BxjLD;EAiBM,0B5B/CY;E4BgDZ,YvB1CU;CuBsG+C;;AA9E/D;;EAqBQ,eAAe;CAAG;;AArB1B;EAuBQ,YvB/CQ;CuB+Ce;;AAvB/B;EAyBQ,gCvBjDQ;CuBoDmB;;AA5BnC;;EA4BU,YvBpDM;CuBoDiB;;AA5BjC;EA8BQ,6CvBtDQ;CuBsDuC;;AhC4GrD;EgC1IF;IAiCU,0B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","file":"bulma.css"} \ No newline at end of file diff --git a/docs/.gitignore b/docs/.gitignore index 9099b667..fb0aa0fd 100644 --- a/docs/.gitignore +++ b/docs/.gitignore @@ -11,5 +11,6 @@ npm-debug.log .sass-cache /_sass /bulma +/fontawesome /styles/node_modules _site diff --git a/docs/_config.yml b/docs/_config.yml index d2700c76..82f94cf8 100644 --- a/docs/_config.yml +++ b/docs/_config.yml @@ -8,10 +8,11 @@ description: "Bulma is an open source CSS framework based on Flexbox and built markdown: kramdown permalink: pretty url: http://bulma.io +fontawesome: https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css # Variables documentation: "/documentation/overview/start/" -download: https://github.com/jgthms/bulma/archive/0.2.3.zip +download: https://github.com/jgthms/bulma/archive/0.3.0.zip github: https://github.com/jgthms/bulma -version: 0.2.3 +version: 0.3.0 diff --git a/docs/_includes/blog-hero.html b/docs/_includes/blog-hero.html index b1a5e499..0dc4fd6e 100644 --- a/docs/_includes/blog-hero.html +++ b/docs/_includes/blog-hero.html @@ -1,10 +1,8 @@ -
-
-
- {% include header.html %} -
-
+
+ {% include header.html %} +
+
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index 1e905667..f1e94929 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -14,7 +14,9 @@
- + + +
@@ -74,7 +76,7 @@ .title.is-2 a { color: #242424; - padding-left: 60px; + padding-left: 48px; position: relative; } @@ -82,10 +84,10 @@ color: #00d1b2; } - .title.is-2 .icon.is-large { - left: 0; + .title.is-2 .icon.is-medium { + left: 8px; position: absolute; - top: -1px; + top: 10px; } .hero .title.is-2 a { diff --git a/docs/_includes/head.html b/docs/_includes/head.html index 108030af..feae9596 100644 --- a/docs/_includes/head.html +++ b/docs/_includes/head.html @@ -6,7 +6,7 @@ {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} - + diff --git a/docs/_includes/header.html b/docs/_includes/header.html index 4330afab..90ecc04f 100644 --- a/docs/_includes/header.html +++ b/docs/_includes/header.html @@ -1,11 +1,7 @@
diff --git a/docs/_layouts/documentation.html b/docs/_layouts/documentation.html index f5caee24..ce06e490 100644 --- a/docs/_layouts/documentation.html +++ b/docs/_layouts/documentation.html @@ -3,13 +3,11 @@ layout: default route: documentation --- -
-
-
- {% include header.html %} -
-
+
+ {% include header.html %} +
+
diff --git a/docs/blog.html b/docs/blog.html index 7cdb1959..0227c8f4 100644 --- a/docs/blog.html +++ b/docs/blog.html @@ -10,7 +10,7 @@ route: blog
-

+

{{ post.date | date_to_string }}

diff --git a/docs/bulma-docs.sass b/docs/bulma-docs.sass index f1994a8f..4f8edb01 100644 --- a/docs/bulma-docs.sass +++ b/docs/bulma-docs.sass @@ -1,6 +1,7 @@ @charset "utf-8" @import "../bulma" +@import "./sass/highlight" // Override .button @@ -20,7 +21,7 @@ body.page-grid .column > .notification +tablet .header-item .button + .button - margin-left: 10px + margin-left: 0.75rem // Additional svg @@ -32,7 +33,10 @@ $carbon-space: 15px #carbon max-width: 340px min-height: 100px + ($carbon-space * 2) - padding: $carbon-space + padding: 0 + position: relative + &:hover + box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $primary +tablet margin-left: auto margin-right: auto @@ -40,23 +44,34 @@ $carbon-space: 15px #carbonads text-align: left - a:hover - text-decoration: underline + a, span display: block + .carbon-wrap + position: relative .carbon-img float: left - height: 100px - width: 130px + height: 130px + padding: 15px 0 15px 15px + width: 145px img display: block + height: 100px + width: 130px .carbon-text display: block color: $text-strong - margin-left: 130px + $carbon-space + line-height: 20px + padding: 15px 15px 35px 160px .carbon-poweredby + bottom: 0 + color: $text-light font-size: $size-small - margin-left: $carbon-space + left: 160px + line-height: 20px + padding: 0 15px 10px 0 + position: absolute + right: 0 $github: #333333 $twitter: #55acee @@ -186,13 +201,17 @@ $curve: cubic-bezier(0, 0.71, 0.29, 1) animation-delay: 1.2s #npm + align-items: center animation: fadeIn 500ms both animation-delay: 1.4s background: none + display: flex + justify-content: center margin: -10px 0 20px code + background: $background border-radius: $radius - color: $link + color: $primary display: inline-block font-size: 16px padding: 16px 32px @@ -221,13 +240,13 @@ html.route-index #carbon background: $white border-radius: $radius-large box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) - padding: 20px + padding: 1.5rem #mc_embed_signup .control margin-bottom: 0 .notification - margin-top: 10px + margin-top: 0.75rem #social align-items: center @@ -261,12 +280,12 @@ html.route-index #carbon border: 1px solid $warning border-top-right-radius: $radius color: $warning-invert - padding: 15px 20px + padding: 1.25rem 1.5rem position: relative &:not(:first-child) - margin-top: 30px + margin-top: 2rem &:not(:last-child) - margin-bottom: 20px + margin-bottom: 1.5rem &:before background: $warning border-radius: $radius $radius 0 0 @@ -292,11 +311,11 @@ html.route-index #carbon border: 1px solid $warning border-radius: 0 0 $radius $radius border-top: none - margin-top: -20px + margin-top: -1.5rem pre - max-height: 600px + max-height: 50vh &:not(:last-child) - margin-bottom: 40px + margin-bottom: 1.5rem $structure: $danger $structure-invert: $danger-invert @@ -304,7 +323,7 @@ $structure-invert: $danger-invert .structure border-color: $structure border-radius: $radius - padding: 20px + padding: 1.5rem &:before background: $structure color: $structure-invert @@ -331,11 +350,11 @@ $structure-invert: $danger-invert padding: 3px 5px z-index: 2 &.is-structure-container - padding: 20px 10px 10px + padding: 1.5rem 0.75rem 0.75rem &:after align-items: flex-start justify-content: flex-start - padding: 5px 10px + padding: 0.5rem 0.75rem .highlight position: relative @@ -357,14 +376,17 @@ $structure-invert: $danger-invert .expand border-right-width: 1px right: 50px + +tablet + pre + white-space: pre-wrap +tablet .section:not(.is-fullwidth) > .example:not(.is-fullwidth) - margin-left: 20px - margin-right: 20px + margin-left: 1.5rem + margin-right: 1.5rem & + .highlight - margin-left: 20px - margin-right: 20px + margin-left: 1.5rem + margin-right: 1.5rem .section.is-fullwidth padding: 0 !important diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index ea8eca80..49bbe928 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -1,4 +1,4 @@ -/*! bulma.io v0.2.3 | MIT License | github.com/jgthms/bulma */ +/*! bulma.io v0.3.0 | MIT License | github.com/jgthms/bulma */ @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); @@ -106,7 +106,7 @@ th { } html { - background-color: whitesmoke; + background-color: white; font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; @@ -139,14 +139,13 @@ pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: "Inconsolata", "Consolas", "Monaco", monospace; - line-height: 1.25; } body { color: #4a4a4a; font-size: 1rem; font-weight: 400; - line-height: 1.428571428571429; + line-height: 1.5; } a { @@ -164,9 +163,9 @@ a:hover { code { background-color: whitesmoke; color: #ff3860; - font-size: 12px; + font-size: 0.8em; font-weight: normal; - padding: 1px 2px 2px; + padding: 0.25em 0.5em 0.25em; } hr { @@ -174,7 +173,7 @@ hr { border: none; display: block; height: 1px; - margin: 20px 0; + margin: 1.5rem 0; } img { @@ -187,7 +186,7 @@ input[type="radio"] { } small { - font-size: 11px; + font-size: 0.8em; } span { @@ -203,16 +202,18 @@ strong { pre { background-color: whitesmoke; color: #4a4a4a; + font-size: 0.8em; white-space: pre; word-wrap: normal; } pre code { - background-color: whitesmoke; - color: #4a4a4a; + background: none; + color: inherit; display: block; + font-size: 1em; overflow-x: auto; - padding: 16px 20px; + padding: 1.25rem 1.5rem; } table { @@ -245,31 +246,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-block-tablet-only { display: block !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-block-touch { display: block !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-block-desktop { display: block !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-block-desktop-only { display: block !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-block-widescreen { display: block !important; } @@ -297,7 +298,7 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-flex-tablet-only { display: -webkit-box !important; display: -ms-flexbox !important; @@ -305,7 +306,7 @@ table th { } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-flex-touch { display: -webkit-box !important; display: -ms-flexbox !important; @@ -313,7 +314,7 @@ table th { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-flex-desktop { display: -webkit-box !important; display: -ms-flexbox !important; @@ -321,7 +322,7 @@ table th { } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-flex-desktop-only { display: -webkit-box !important; display: -ms-flexbox !important; @@ -329,7 +330,7 @@ table th { } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-flex-widescreen { display: -webkit-box !important; display: -ms-flexbox !important; @@ -353,31 +354,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-inline-tablet-only { display: inline !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-inline-touch { display: inline !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-inline-desktop { display: inline !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-inline-desktop-only { display: inline !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-inline-widescreen { display: inline !important; } @@ -399,31 +400,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-inline-block-tablet-only { display: inline-block !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-inline-block-touch { display: inline-block !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-inline-block-desktop { display: inline-block !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-inline-block-desktop-only { display: inline-block !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-inline-block-widescreen { display: inline-block !important; } @@ -451,7 +452,7 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-inline-flex-tablet-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -459,7 +460,7 @@ table th { } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-inline-flex-touch { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -467,7 +468,7 @@ table th { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-inline-flex-desktop { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -475,7 +476,7 @@ table th { } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-inline-flex-desktop-only { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -483,7 +484,7 @@ table th { } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-inline-flex-widescreen { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; @@ -545,31 +546,31 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .is-hidden-tablet-only { display: none !important; } } -@media screen and (max-width: 979px) { +@media screen and (max-width: 999px) { .is-hidden-touch { display: none !important; } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .is-hidden-desktop { display: none !important; } } -@media screen and (min-width: 980px) and (max-width: 1179px) { +@media screen and (min-width: 1000px) and (max-width: 1191px) { .is-hidden-desktop-only { display: none !important; } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .is-hidden-widescreen { display: none !important; } @@ -600,11 +601,11 @@ table th { border-radius: 5px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); display: block; - padding: 20px; + padding: 1.25rem; } .box:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } a.box:hover, a.box:focus { @@ -621,21 +622,20 @@ a.box:active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: white; - border: 1px solid #dbdbdb; + border: none; border-radius: 3px; - color: #363636; + box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 14px; - height: 32px; + font-size: 1rem; + height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - line-height: 24px; - padding-left: 8px; - padding-right: 8px; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; position: relative; vertical-align: top; -webkit-touch-callout: none; @@ -643,88 +643,136 @@ a.box:active { -moz-user-select: none; -ms-user-select: none; user-select: none; + background-color: white; + border: 1px solid #dbdbdb; + color: #363636; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding-left: 10px; - padding-right: 10px; + padding-left: 0.75em; + padding-right: 0.75em; text-align: center; white-space: nowrap; } -.button:hover { - border-color: #b5b5b5; -} - -.button:active, .button:focus, .button.is-active { - border-color: #00d1b2; +.button:focus, .button.is-focused, .button:active, .button.is-active { outline: none; } .button[disabled], .button.is-disabled { - background-color: whitesmoke; - border-color: #dbdbdb; - cursor: not-allowed; pointer-events: none; } -.button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); -} - .button strong { color: inherit; } -.button small { - display: block; - font-size: 11px; - line-height: 1; - margin-top: 5px; +.button .icon:first-child:not(:last-child) { + margin-left: -0.25rem; + margin-right: 0.5rem; } -.button .icon:first-child, -.button .tag:first-child { - margin-left: -2px; - margin-right: 4px; +.button .icon:last-child:not(:first-child) { + margin-left: 0.5rem; + margin-right: -0.25rem; } -.button .icon:last-child, -.button .tag:last-child { - margin-left: 4px; - margin-right: -2px; +.button .icon:first-child:last-child { + margin-left: calc(-1px + -0.25rem); + margin-right: calc(-1px + -0.25rem); } -.button:hover, .button:focus, .button.is-active { +.button .icon.is-small:first-child:not(:last-child) { + margin-left: 0rem; +} + +.button .icon.is-small:last-child:not(:first-child) { + margin-right: 0rem; +} + +.button .icon.is-small:first-child:last-child { + margin-left: calc(-1px + 0rem); + margin-right: calc(-1px + 0rem); +} + +.button .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.5rem; +} + +.button .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.5rem; +} + +.button .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.5rem); + margin-right: calc(-1px + -0.5rem); +} + +.button .icon.is-large:first-child:not(:last-child) { + margin-left: -1rem; +} + +.button .icon.is-large:last-child:not(:first-child) { + margin-right: -1rem; +} + +.button .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -1rem); + margin-right: calc(-1px + -1rem); +} + +.button:hover, .button.is-hovered { + border-color: #b5b5b5; color: #363636; } -.button:active { +.button:focus, .button.is-focused { + border-color: #00d1b2; + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #363636; +} + +.button:active, .button.is-active { + border-color: #4a4a4a; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #363636; +} + +.button.is-link { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active { + background-color: whitesmoke; + color: #363636; } .button.is-white { background-color: white; - border-width: 0; + border-color: transparent; color: #0a0a0a; } -.button.is-white:hover, .button.is-white:focus, .button.is-white.is-active { +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.button.is-white:active, .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: #0a0a0a; } @@ -744,7 +792,6 @@ a.box:active { .button.is-white.is-outlined { background-color: transparent; border-color: white; - border-width: 1px; color: white; } @@ -754,15 +801,39 @@ a.box:active { color: #0a0a0a; } -.button.is-black { +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { background-color: #0a0a0a; - border-width: 0; color: white; } -.button.is-black:hover, .button.is-black:focus, .button.is-black.is-active { +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.button.is-black:active, .button.is-black.is-active { background-color: black; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: white; } @@ -782,7 +853,6 @@ a.box:active { .button.is-black.is-outlined { background-color: transparent; border-color: #0a0a0a; - border-width: 1px; color: #0a0a0a; } @@ -792,15 +862,39 @@ a.box:active { color: white; } +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; +} + .button.is-light { background-color: whitesmoke; - border-width: 0; + border-color: transparent; color: #363636; } -.button.is-light:hover, .button.is-light:focus, .button.is-light.is-active { +.button.is-light:hover, .button.is-light.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; +} + +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; +} + +.button.is-light:active, .button.is-light.is-active { background-color: #e8e8e8; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: #363636; } @@ -820,7 +914,6 @@ a.box:active { .button.is-light.is-outlined { background-color: transparent; border-color: whitesmoke; - border-width: 1px; color: whitesmoke; } @@ -830,15 +923,39 @@ a.box:active { color: #363636; } -.button.is-dark { +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { background-color: #363636; - border-width: 0; color: whitesmoke; } -.button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active { +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; +} + +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; +} + +.button.is-dark:active, .button.is-dark.is-active { background-color: #292929; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: whitesmoke; } @@ -858,7 +975,6 @@ a.box:active { .button.is-dark.is-outlined { background-color: transparent; border-color: #363636; - border-width: 1px; color: #363636; } @@ -868,20 +984,44 @@ a.box:active { color: whitesmoke; } -.button.is-primary { - background-color: #00d1b2; - border-width: 0; - color: white; +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; } -.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active { +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.button.is-primary:active, .button.is-primary.is-active { background-color: #00b89c; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-primary.is-inverted { - background-color: white; + background-color: #fff; color: #00d1b2; } @@ -890,36 +1030,59 @@ a.box:active { } .button.is-primary.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined { background-color: transparent; border-color: #00d1b2; - border-width: 1px; color: #00d1b2; } .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { background-color: #00d1b2; border-color: #00d1b2; - color: white; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; } .button.is-info { background-color: #3273dc; - border-width: 0; - color: white; + border-color: transparent; + color: #fff; } -.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active { +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-info:focus, .button.is-info.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.button.is-info:active, .button.is-info.is-active { background-color: #2366d1; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-info.is-inverted { - background-color: white; + background-color: #fff; color: #3273dc; } @@ -928,36 +1091,59 @@ a.box:active { } .button.is-info.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined { background-color: transparent; border-color: #3273dc; - border-width: 1px; color: #3273dc; } .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { background-color: #3273dc; border-color: #3273dc; - color: white; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; } .button.is-success { background-color: #23d160; - border-width: 0; - color: white; + border-color: transparent; + color: #fff; } -.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active { +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; +} + +.button.is-success:focus, .button.is-success.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; +} + +.button.is-success:active, .button.is-success.is-active { background-color: #20bc56; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-success.is-inverted { - background-color: white; + background-color: #fff; color: #23d160; } @@ -966,31 +1152,54 @@ a.box:active { } .button.is-success.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined { background-color: transparent; border-color: #23d160; - border-width: 1px; color: #23d160; } .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { background-color: #23d160; border-color: #23d160; - color: white; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; } .button.is-warning { background-color: #ffdd57; - border-width: 0; + border-color: transparent; color: rgba(0, 0, 0, 0.7); } -.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active { +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:active, .button.is-warning.is-active { background-color: #ffd83d; border-color: transparent; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); color: rgba(0, 0, 0, 0.7); } @@ -1010,7 +1219,6 @@ a.box:active { .button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; - border-width: 1px; color: #ffdd57; } @@ -1020,20 +1228,44 @@ a.box:active { color: rgba(0, 0, 0, 0.7); } -.button.is-danger { - background-color: #ff3860; - border-width: 0; - color: white; +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } -.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active { +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-danger { + background-color: #ff3860; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; +} + +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; +} + +.button.is-danger:active, .button.is-danger.is-active { background-color: #ff1f4b; border-color: transparent; - color: white; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); + color: #fff; } .button.is-danger.is-inverted { - background-color: white; + background-color: #fff; color: #ff3860; } @@ -1042,55 +1274,205 @@ a.box:active { } .button.is-danger.is-loading:after { - border-color: transparent transparent white white !important; + border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined { background-color: transparent; border-color: #ff3860; - border-width: 1px; color: #ff3860; } .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { background-color: #ff3860; border-color: #ff3860; - color: white; + color: #fff; } -.button.is-link { +.button.is-danger.is-inverted.is-outlined { background-color: transparent; - border-width: 0; - color: #4a4a4a; - text-decoration: underline; + border-color: #fff; + color: #fff; } -.button.is-link:hover, .button.is-link:focus { - background-color: whitesmoke; - color: #363636; +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; } .button.is-small { border-radius: 2px; - font-size: 11px; - height: 24px; - line-height: 16px; - padding-left: 6px; - padding-right: 6px; + font-size: 0.75rem; +} + +.button.is-small .icon:first-child:not(:last-child) { + margin-left: -0.375rem; + margin-right: 0.375rem; +} + +.button.is-small .icon:last-child:not(:first-child) { + margin-left: 0.375rem; + margin-right: -0.375rem; +} + +.button.is-small .icon:first-child:last-child { + margin-left: calc(-1px + -0.375rem); + margin-right: calc(-1px + -0.375rem); +} + +.button.is-small .icon.is-small:first-child:not(:last-child) { + margin-left: -0.125rem; +} + +.button.is-small .icon.is-small:last-child:not(:first-child) { + margin-right: -0.125rem; +} + +.button.is-small .icon.is-small:first-child:last-child { + margin-left: calc(-1px + -0.125rem); + margin-right: calc(-1px + -0.125rem); +} + +.button.is-small .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.625rem; +} + +.button.is-small .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.625rem; +} + +.button.is-small .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.625rem); + margin-right: calc(-1px + -0.625rem); +} + +.button.is-small .icon.is-large:first-child:not(:last-child) { + margin-left: -1.125rem; +} + +.button.is-small .icon.is-large:last-child:not(:first-child) { + margin-right: -1.125rem; +} + +.button.is-small .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -1.125rem); + margin-right: calc(-1px + -1.125rem); } .button.is-medium { - font-size: 18px; - height: 40px; - padding-left: 14px; - padding-right: 14px; + font-size: 1.25rem; +} + +.button.is-medium .icon:first-child:not(:last-child) { + margin-left: -0.125rem; + margin-right: 0.625rem; +} + +.button.is-medium .icon:last-child:not(:first-child) { + margin-left: 0.625rem; + margin-right: -0.125rem; +} + +.button.is-medium .icon:first-child:last-child { + margin-left: calc(-1px + -0.125rem); + margin-right: calc(-1px + -0.125rem); +} + +.button.is-medium .icon.is-small:first-child:not(:last-child) { + margin-left: 0.125rem; +} + +.button.is-medium .icon.is-small:last-child:not(:first-child) { + margin-right: 0.125rem; +} + +.button.is-medium .icon.is-small:first-child:last-child { + margin-left: calc(-1px + 0.125rem); + margin-right: calc(-1px + 0.125rem); +} + +.button.is-medium .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.375rem; +} + +.button.is-medium .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.375rem; +} + +.button.is-medium .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.375rem); + margin-right: calc(-1px + -0.375rem); +} + +.button.is-medium .icon.is-large:first-child:not(:last-child) { + margin-left: -0.875rem; +} + +.button.is-medium .icon.is-large:last-child:not(:first-child) { + margin-right: -0.875rem; +} + +.button.is-medium .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -0.875rem); + margin-right: calc(-1px + -0.875rem); } .button.is-large { - font-size: 22px; - height: 48px; - padding-left: 20px; - padding-right: 20px; + font-size: 1.5rem; +} + +.button.is-large .icon:first-child:not(:last-child) { + margin-left: 0rem; + margin-right: 0.75rem; +} + +.button.is-large .icon:last-child:not(:first-child) { + margin-left: 0.75rem; + margin-right: 0rem; +} + +.button.is-large .icon:first-child:last-child { + margin-left: calc(-1px + 0rem); + margin-right: calc(-1px + 0rem); +} + +.button.is-large .icon.is-small:first-child:not(:last-child) { + margin-left: 0.25rem; +} + +.button.is-large .icon.is-small:last-child:not(:first-child) { + margin-right: 0.25rem; +} + +.button.is-large .icon.is-small:first-child:last-child { + margin-left: calc(-1px + 0.25rem); + margin-right: calc(-1px + 0.25rem); +} + +.button.is-large .icon.is-medium:first-child:not(:last-child) { + margin-left: -0.25rem; +} + +.button.is-large .icon.is-medium:last-child:not(:first-child) { + margin-right: -0.25rem; +} + +.button.is-large .icon.is-medium:first-child:last-child { + margin-left: calc(-1px + -0.25rem); + margin-right: calc(-1px + -0.25rem); +} + +.button.is-large .icon.is-large:first-child:not(:last-child) { + margin-left: -0.75rem; +} + +.button.is-large .icon.is-large:last-child:not(:first-child) { + margin-right: -0.75rem; +} + +.button.is-large .icon.is-large:first-child:last-child { + margin-left: calc(-1px + -0.75rem); + margin-right: calc(-1px + -0.75rem); } .button[disabled], .button.is-disabled { @@ -1118,9 +1500,9 @@ a.box:active { border-top-color: transparent; content: ""; display: block; - height: 16px; + height: 1rem; position: relative; - width: 16px; + width: 1rem; left: 50%; margin-left: -8px; margin-top: -8px; @@ -1134,29 +1516,18 @@ a.box:active { } .content:not(:last-child) { - margin-bottom: 20px; -} - -.content a:not(.button) { - border-bottom: 1px solid #dbdbdb; -} - -.content a:not(.button):visited { - color: #b86bff; -} - -.content a:not(.button):hover { - border-bottom-color: #00d1b2; + margin-bottom: 1.5rem; } .content li + li { margin-top: 0.25em; } -.content blockquote:not(:last-child), .content p:not(:last-child), .content ol:not(:last-child), -.content ul:not(:last-child) { +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content table:not(:last-child) { margin-bottom: 1em; } @@ -1167,45 +1538,56 @@ a.box:active { .content h5, .content h6 { color: #363636; - font-weight: 300; + font-weight: 400; line-height: 1.125; - margin-bottom: 20px; } -.content h1:not(:first-child), -.content h2:not(:first-child), +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + .content h3:not(:first-child) { - margin-top: 40px; + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; } .content blockquote { background-color: whitesmoke; border-left: 5px solid #dbdbdb; - padding: 1.5em; -} - -.content h1 { - font-size: 2em; -} - -.content h2 { - font-size: 1.75em; -} - -.content h3 { - font-size: 1.5em; -} - -.content h4 { - font-size: 1.25em; -} - -.content h5 { - font-size: 1.125em; -} - -.content h6 { - font-size: 1em; + padding: 1.25em 1.5em; } .content ol { @@ -1231,20 +1613,54 @@ a.box:active { list-style-type: square; } -.content.is-medium { - font-size: 18px; +.content table { + width: 100%; } -.content.is-medium code { - font-size: 14px; +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; + text-align: left; +} + +.content table tr:hover { + background-color: whitesmoke; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; } .content.is-large { - font-size: 24px; -} - -.content.is-large code { - font-size: 18px; + font-size: 1.5rem; } .input, @@ -1254,50 +1670,67 @@ a.box:active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: white; - border: 1px solid #dbdbdb; + border: none; border-radius: 3px; - color: #363636; + box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 14px; - height: 32px; + font-size: 1rem; + height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - line-height: 24px; - padding-left: 8px; - padding-right: 8px; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; position: relative; vertical-align: top; + background-color: white; + border: 1px solid #dbdbdb; + color: #363636; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); max-width: 100%; width: 100%; } -.input:hover, -.textarea:hover { - border-color: #b5b5b5; -} - -.input:active, .input:focus, .input.is-active, -.textarea:active, +.input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus, +.textarea.is-focused, +.textarea:active, .textarea.is-active { - border-color: #00d1b2; outline: none; } .input[disabled], .input.is-disabled, .textarea[disabled], .textarea.is-disabled { - background-color: whitesmoke; - border-color: #dbdbdb; - cursor: not-allowed; pointer-events: none; } +.input:hover, .input.is-hovered, +.textarea:hover, +.textarea.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .input.is-focused, .input:active, .input.is-active, +.textarea:focus, +.textarea.is-focused, +.textarea:active, +.textarea.is-active { + border-color: #00d1b2; +} + +.input[disabled], .input.is-disabled, +.textarea[disabled], +.textarea.is-disabled { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; +} + .input[disabled]::-moz-placeholder, .input.is-disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .textarea.is-disabled::-moz-placeholder { @@ -1322,6 +1755,11 @@ a.box:active { color: rgba(54, 54, 54, 0.3); } +.input[type="search"], +.textarea[type="search"] { + border-radius: 290486px; +} + .input.is-white, .textarea.is-white { border-color: white; @@ -1367,37 +1805,20 @@ a.box:active { border-color: #ff3860; } -.input[type="search"], -.textarea[type="search"] { - border-radius: 290486px; -} - .input.is-small, .textarea.is-small { border-radius: 2px; - font-size: 11px; - height: 24px; - line-height: 16px; - padding-left: 6px; - padding-right: 6px; + font-size: 0.75rem; } .input.is-medium, .textarea.is-medium { - font-size: 18px; - height: 40px; - line-height: 32px; - padding-left: 10px; - padding-right: 10px; + font-size: 1.25rem; } .input.is-large, .textarea.is-large { - font-size: 24px; - height: 48px; - line-height: 40px; - padding-left: 12px; - padding-right: 12px; + font-size: 1.5rem; } .input.is-fullwidth, @@ -1414,7 +1835,7 @@ a.box:active { .textarea { display: block; - line-height: 1.2; + line-height: 1.25; max-height: 600px; max-width: 100%; min-height: 120px; @@ -1425,9 +1846,18 @@ a.box:active { .checkbox, .radio { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; cursor: pointer; - display: inline-block; - line-height: 16px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; position: relative; vertical-align: top; } @@ -1435,6 +1865,7 @@ a.box:active { .checkbox input, .radio input { cursor: pointer; + margin-right: 0.5em; } .checkbox:hover, @@ -1444,7 +1875,7 @@ a.box:active { .checkbox.is-disabled, .radio.is-disabled { - color: #dbdbdb; + color: #7a7a7a; pointer-events: none; } @@ -1454,61 +1885,89 @@ a.box:active { } .radio + .radio { - margin-left: 10px; + margin-left: 0.5em; } .select { display: inline-block; - height: 32px; + height: 2.5em; position: relative; vertical-align: top; } +.select:after { + border: 1px solid #00d1b2; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.5em; + pointer-events: none; + position: absolute; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 0.5em; + margin-top: -0.375em; + right: 1.125em; + top: 50%; + z-index: 4; +} + .select select { -moz-appearance: none; -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - background-color: white; - border: 1px solid #dbdbdb; + border: none; border-radius: 3px; - color: #363636; + box-shadow: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 14px; - height: 32px; + font-size: 1rem; + height: 2.5em; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - line-height: 24px; - padding-left: 8px; - padding-right: 8px; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; position: relative; vertical-align: top; + background-color: white; + border: 1px solid #dbdbdb; + color: #363636; cursor: pointer; display: block; + font-size: 1em; outline: none; - padding-right: 36px; + padding-right: 2.5em; } -.select select:hover { - border-color: #b5b5b5; -} - -.select select:active, .select select:focus, .select select.is-active { - border-color: #00d1b2; +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { outline: none; } .select select[disabled], .select select.is-disabled { - background-color: whitesmoke; - border-color: #dbdbdb; - cursor: not-allowed; pointer-events: none; } +.select select:hover, .select select.is-hovered { + border-color: #b5b5b5; +} + +.select select:focus, .select select.is-focused, .select select:active, .select select.is-active { + border-color: #00d1b2; +} + +.select select[disabled], .select select.is-disabled { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; +} + .select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder { color: rgba(54, 54, 54, 0.3); } @@ -1525,50 +1984,31 @@ a.box:active { color: rgba(54, 54, 54, 0.3); } -.select select.is-white { - border-color: white; -} - -.select select.is-black { - border-color: #0a0a0a; -} - -.select select.is-light { - border-color: whitesmoke; -} - -.select select.is-dark { - border-color: #363636; -} - -.select select.is-primary { - border-color: #00d1b2; -} - -.select select.is-info { - border-color: #3273dc; -} - -.select select.is-success { - border-color: #23d160; -} - -.select select.is-warning { - border-color: #ffdd57; -} - -.select select.is-danger { - border-color: #ff3860; -} - .select select:hover { border-color: #b5b5b5; } -.select select::-ms-expand { +.select select::ms-expand { display: none; } +.select:hover:after { + border-color: #363636; +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + .select.is-fullwidth { width: 100%; } @@ -1577,67 +2017,6 @@ a.box:active { width: 100%; } -.select:after { - border: 1px solid #00d1b2; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 7px; - pointer-events: none; - position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - width: 7px; - margin-top: -6px; - right: 16px; - top: 50%; -} - -.select:hover:after { - border-color: #363636; -} - -.select.is-small { - height: 24px; -} - -.select.is-small select { - border-radius: 2px; - font-size: 11px; - height: 24px; - line-height: 16px; - padding-left: 6px; - padding-right: 6px; - padding-right: 28px; -} - -.select.is-medium { - height: 40px; -} - -.select.is-medium select { - font-size: 18px; - height: 40px; - line-height: 32px; - padding-left: 10px; - padding-right: 10px; - padding-right: 44px; -} - -.select.is-large { - height: 48px; -} - -.select.is-large select { - font-size: 24px; - height: 48px; - line-height: 40px; - padding-left: 12px; - padding-right: 12px; - padding-right: 52px; -} - .label { color: #363636; display: block; @@ -1645,12 +2024,12 @@ a.box:active { } .label:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 0.5em; } .help { display: block; - font-size: 11px; + font-size: 0.75rem; margin-top: 5px; } @@ -1692,7 +2071,7 @@ a.box:active { @media screen and (max-width: 768px) { .control-label { - margin-bottom: 5px; + margin-bottom: 0.5em; } } @@ -1705,8 +2084,8 @@ a.box:active { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; - margin-right: 20px; - padding-top: 7px; + margin-right: 1.5em; + padding-top: 0.5em; text-align: right; } } @@ -1717,7 +2096,7 @@ a.box:active { } .control:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .control.has-addons { @@ -1743,11 +2122,11 @@ a.box:active { z-index: 2; } -.control.has-addons .button:active, .control.has-addons .button:focus, -.control.has-addons .input:active, +.control.has-addons .button:focus, .control.has-addons .button:active, .control.has-addons .input:focus, -.control.has-addons .select:active, -.control.has-addons .select:focus { +.control.has-addons .input:active, +.control.has-addons .select:focus, +.control.has-addons .select:active { z-index: 3; } @@ -1785,6 +2164,14 @@ a.box:active { flex-shrink: 0; } +.control.has-addons .select select:hover { + z-index: 2; +} + +.control.has-addons .select select:focus, .control.has-addons .select select:active { + z-index: 3; +} + .control.has-addons.has-addons-centered { -webkit-box-pack: center; -ms-flex-pack: center; @@ -1807,102 +2194,72 @@ a.box:active { flex-shrink: 0; } -.control.has-icon > .fa { - display: inline-block; - font-size: 14px; - height: 24px; - line-height: 24px; - text-align: center; - vertical-align: top; - width: 24px; +.control.has-icon .icon { color: #dbdbdb; pointer-events: none; position: absolute; - top: 4px; + top: 1.25rem; z-index: 4; } -.control.has-icon .input:focus + .fa { - color: #b5b5b5; +.control.has-icon .input:focus + .icon { + color: #7a7a7a; } -.control.has-icon .input.is-small + .fa { - font-size: 10.5px; - top: 0; +.control.has-icon .input.is-small + .icon { + top: 0.9375rem; } -.control.has-icon .input.is-medium + .fa { - font-size: 21px; - top: 8px; +.control.has-icon .input.is-medium + .icon { + top: 1.5625rem; } -.control.has-icon .input.is-large + .fa { - font-size: 21px; - top: 12px; +.control.has-icon .input.is-large + .icon { + top: 1.875rem; } -.control.has-icon:not(.has-icon-right) > .fa { - left: 4px; +.control.has-icon:not(.has-icon-right) .icon { + left: 1.25rem; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); } .control.has-icon:not(.has-icon-right) .input { - padding-left: 32px; + padding-left: 2.5em; } -.control.has-icon:not(.has-icon-right) .input.is-small { - padding-left: 24px; +.control.has-icon:not(.has-icon-right) .input.is-small + .icon { + left: 0.9375rem; } -.control.has-icon:not(.has-icon-right) .input.is-small + .fa { - left: 0; +.control.has-icon:not(.has-icon-right) .input.is-medium + .icon { + left: 1.5625rem; } -.control.has-icon:not(.has-icon-right) .input.is-medium { - padding-left: 40px; +.control.has-icon:not(.has-icon-right) .input.is-large + .icon { + left: 1.875rem; } -.control.has-icon:not(.has-icon-right) .input.is-medium + .fa { - left: 8px; -} - -.control.has-icon:not(.has-icon-right) .input.is-large { - padding-left: 48px; -} - -.control.has-icon:not(.has-icon-right) .input.is-large + .fa { - left: 12px; -} - -.control.has-icon.has-icon-right > .fa { - right: 4px; +.control.has-icon.has-icon-right .icon { + right: 1.25rem; + -webkit-transform: translateX(50%) translateY(-50%); + transform: translateX(50%) translateY(-50%); } .control.has-icon.has-icon-right .input { - padding-right: 32px; + padding-right: 2.5em; } -.control.has-icon.has-icon-right .input.is-small { - padding-right: 24px; +.control.has-icon.has-icon-right .input.is-small + .icon { + right: 0.9375rem; } -.control.has-icon.has-icon-right .input.is-small + .fa { - right: 0; +.control.has-icon.has-icon-right .input.is-medium + .icon { + right: 1.5625rem; } -.control.has-icon.has-icon-right .input.is-medium { - padding-right: 40px; -} - -.control.has-icon.has-icon-right .input.is-medium + .fa { - right: 8px; -} - -.control.has-icon.has-icon-right .input.is-large { - padding-right: 48px; -} - -.control.has-icon.has-icon-right .input.is-large + .fa { - right: 12px; +.control.has-icon.has-icon-right .input.is-large + .icon { + right: 1.875rem; } .control.is-grouped { @@ -1914,9 +2271,16 @@ a.box:active { justify-content: flex-start; } +.control.is-grouped > .control { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + .control.is-grouped > .control:not(:last-child) { margin-bottom: 0; - margin-right: 10px; + margin-right: 0.75rem; } .control.is-grouped > .control.is-expanded { @@ -1968,12 +2332,57 @@ a.box:active { border-top-color: transparent; content: ""; display: block; - height: 16px; + height: 1rem; position: relative; - width: 16px; + width: 1rem; position: absolute !important; - right: 8px; - top: 8px; + right: 0.75em; + top: 0.75em; +} + +.icon { + display: inline-block; + font-size: 21px; + height: 1.5rem; + line-height: 1.5rem; + text-align: center; + vertical-align: top; + width: 1.5rem; +} + +.icon .fa { + font-size: inherit; + line-height: inherit; +} + +.icon.is-small { + display: inline-block; + font-size: 14px; + height: 1rem; + line-height: 1rem; + text-align: center; + vertical-align: top; + width: 1rem; +} + +.icon.is-medium { + display: inline-block; + font-size: 28px; + height: 2rem; + line-height: 2rem; + text-align: center; + vertical-align: top; + width: 2rem; +} + +.icon.is-large { + display: inline-block; + font-size: 42px; + height: 3rem; + line-height: 3rem; + text-align: center; + vertical-align: top; + width: 3rem; } .image { @@ -2055,24 +2464,27 @@ a.box:active { .notification { background-color: whitesmoke; border-radius: 3px; - padding: 16px 20px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; position: relative; } .notification:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } -.notification:after { - clear: both; - content: " "; - display: table; +.notification code, +.notification pre { + background: white; +} + +.notification pre code { + background: transparent; } .notification .delete { - border-radius: 0 3px; - float: right; - margin: -16px -20px 0 20px; + position: absolute; + right: 0.5em; + top: 0.5em; } .notification .title, @@ -2103,17 +2515,17 @@ a.box:active { .notification.is-primary { background-color: #00d1b2; - color: white; + color: #fff; } .notification.is-info { background-color: #3273dc; - color: white; + color: #fff; } .notification.is-success { background-color: #23d160; - color: white; + color: #fff; } .notification.is-warning { @@ -2123,7 +2535,7 @@ a.box:active { .notification.is-danger { background-color: #ff3860; - color: white; + color: #fff; } .progress { @@ -2132,14 +2544,14 @@ a.box:active { border: none; border-radius: 290486px; display: block; - height: 12px; + height: 1rem; overflow: hidden; padding: 0; width: 100%; } .progress:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .progress::-webkit-progress-bar { @@ -2227,21 +2639,21 @@ a.box:active { } .progress.is-small { - height: 8px; + height: 0.75rem; } .progress.is-medium { - height: 16px; + height: 1.25rem; } .progress.is-large { - height: 20px; + height: 1.5rem; } .table { background-color: white; color: #363636; - margin-bottom: 20px; + margin-bottom: 1.5rem; width: 100%; } @@ -2249,56 +2661,10 @@ a.box:active { .table th { border: 1px solid #dbdbdb; border-width: 0 0 1px; - padding: 8px 10px; + padding: 0.5em 0.75em; vertical-align: top; } -.table td.is-icon, -.table th.is-icon { - padding: 5px; - text-align: center; - white-space: nowrap; - width: 1%; -} - -.table td.is-icon .fa, -.table th.is-icon .fa { - display: inline-block; - font-size: 21px; - height: 24px; - line-height: 24px; - text-align: center; - vertical-align: top; - width: 24px; -} - -.table td.is-icon.is-link, -.table th.is-icon.is-link { - padding: 0; -} - -.table td.is-icon.is-link > a, -.table th.is-icon.is-link > a { - padding: 5px; -} - -.table td.is-link, -.table th.is-link { - padding: 0; -} - -.table td.is-link > a, -.table th.is-link > a { - display: block; - padding: 8px 10px; -} - -.table td.is-link > a:hover, -.table th.is-link > a:hover { - background-color: #00d1b2; - color: white; -} - .table td.is-narrow, .table th.is-narrow { white-space: nowrap; @@ -2311,7 +2677,7 @@ a.box:active { } .table tr:hover { - background-color: whitesmoke; + background-color: #fafafa; } .table thead td, @@ -2320,17 +2686,17 @@ a.box:active { color: #7a7a7a; } -.table tbody tr:last-child td, -.table tbody tr:last-child th { - border-bottom-width: 0; -} - .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #7a7a7a; } +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + .table.is-bordered td, .table.is-bordered th { border-width: 1px; @@ -2343,32 +2709,7 @@ a.box:active { .table.is-narrow td, .table.is-narrow th { - padding: 5px 10px; -} - -.table.is-narrow td.is-icon, -.table.is-narrow th.is-icon { - padding: 2px; -} - -.table.is-narrow td.is-icon.is-link, -.table.is-narrow th.is-icon.is-link { - padding: 0; -} - -.table.is-narrow td.is-icon.is-link > a, -.table.is-narrow th.is-icon.is-link > a { - padding: 2px; -} - -.table.is-narrow td.is-link, -.table.is-narrow th.is-link { - padding: 0; -} - -.table.is-narrow td.is-link > a, -.table.is-narrow th.is-link > a { - padding: 5px 10px; + padding: 0.25em 0.5em; } .table.is-striped tbody tr:nth-child(even) { @@ -2379,387 +2720,6 @@ a.box:active { background-color: whitesmoke; } -.title, -.subtitle { - font-weight: 300; - word-break: break-word; -} - -.title:not(:last-child), -.subtitle:not(:last-child) { - margin-bottom: 20px; -} - -.title em, -.title span, -.subtitle em, -.subtitle span { - font-weight: 300; -} - -.title a:hover, -.subtitle a:hover { - border-bottom: 1px solid; -} - -.title strong, -.subtitle strong { - font-weight: 500; -} - -.title .tag, -.subtitle .tag { - vertical-align: bottom; -} - -.title { - color: #363636; - font-size: 28px; - line-height: 1; -} - -.title code { - display: inline-block; - font-size: 28px; -} - -.title strong { - color: inherit; -} - -.title + .highlight { - margin-top: -10px; -} - -.title + .subtitle { - margin-top: -10px; -} - -.title.is-1 { - font-size: 48px; -} - -.title.is-1 code { - font-size: 40px; -} - -.title.is-2 { - font-size: 40px; -} - -.title.is-2 code { - font-size: 28px; -} - -.title.is-3 { - font-size: 28px; -} - -.title.is-3 code { - font-size: 24px; -} - -.title.is-4 { - font-size: 24px; -} - -.title.is-4 code { - font-size: 18px; -} - -.title.is-5 { - font-size: 18px; -} - -.title.is-5 code { - font-size: 14px; -} - -.title.is-6 { - font-size: 14px; -} - -.title.is-6 code { - font-size: 14px; -} - -.title.is-normal { - font-weight: 400; -} - -.title.is-normal strong { - font-weight: 700; -} - -@media screen and (min-width: 769px) { - .title + .subtitle { - margin-top: -15px; - } -} - -.subtitle { - color: #4a4a4a; - font-size: 18px; - line-height: 1.125; -} - -.subtitle code { - border-radius: 3px; - display: inline-block; - font-size: 14px; - padding: 2px 3px; - vertical-align: top; -} - -.subtitle strong { - color: #363636; -} - -.subtitle + .title { - margin-top: -20px; -} - -.subtitle.is-1 { - font-size: 48px; -} - -.subtitle.is-1 code { - font-size: 40px; -} - -.subtitle.is-2 { - font-size: 40px; -} - -.subtitle.is-2 code { - font-size: 28px; -} - -.subtitle.is-3 { - font-size: 28px; -} - -.subtitle.is-3 code { - font-size: 24px; -} - -.subtitle.is-4 { - font-size: 24px; -} - -.subtitle.is-4 code { - font-size: 18px; -} - -.subtitle.is-5 { - font-size: 18px; -} - -.subtitle.is-5 code { - font-size: 14px; -} - -.subtitle.is-6 { - font-size: 14px; -} - -.subtitle.is-6 code { - font-size: 14px; -} - -.subtitle.is-normal { - font-weight: 400; -} - -.subtitle.is-normal strong { - font-weight: 700; -} - -.block: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; - } -} - -.delete { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.1); - border: none; - border-radius: 290486px; - cursor: pointer; - display: inline-block; - height: 24px; - outline: none; - position: relative; - vertical-align: top; - width: 24px; -} - -.delete:before, .delete: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 { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); -} - -.delete:after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); -} - -.delete:hover { - background-color: rgba(10, 10, 10, 0.2); -} - -.delete.is-small { - height: 16px; - width: 16px; -} - -.delete.is-medium { - height: 32px; - width: 32px; -} - -.delete.is-large { - height: 40px; - width: 40px; -} - -.fa { - font-size: 21px; - text-align: center; - vertical-align: top; -} - -.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; -} - -.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:not(:last-child) { - margin-bottom: 20px; -} - -.highlight pre { - overflow: auto; - max-width: 100%; -} - -.loader { - -webkit-animation: spinAround 500ms infinite linear; - animation: spinAround 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; @@ -2770,21 +2730,21 @@ a.box:active { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - font-size: 12px; - height: 24px; + font-size: 0.75rem; + height: 2em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - line-height: 16px; - padding-left: 10px; - padding-right: 10px; + line-height: 1.5; + padding-left: 0.875em; + padding-right: 0.875em; vertical-align: top; white-space: nowrap; } .tag .delete { - margin-left: 4px; - margin-right: -6px; + margin-left: 0.25em; + margin-right: -0.5em; } .tag.is-white { @@ -2809,17 +2769,17 @@ a.box:active { .tag.is-primary { background-color: #00d1b2; - color: white; + color: #fff; } .tag.is-info { background-color: #3273dc; - color: white; + color: #fff; } .tag.is-success { background-color: #23d160; - color: white; + color: #fff; } .tag.is-warning { @@ -2829,34 +2789,283 @@ a.box:active { .tag.is-danger { background-color: #ff3860; - color: white; -} - -.tag.is-small { - font-size: 11px; - height: 20px; - padding-left: 8px; - padding-right: 8px; + color: #fff; } .tag.is-medium { - font-size: 14px; - height: 32px; - padding-left: 14px; - padding-right: 14px; + font-size: 1rem; } .tag.is-large { - font-size: 18px; - height: 40px; - line-height: 24px; - padding-left: 18px; - padding-right: 18px; + font-size: 1.25rem; } -.tag.is-large .delete { - margin-left: 4px; - margin-right: -8px; +.title, +.subtitle { + word-break: break-word; +} + +.title:not(:last-child), +.subtitle:not(:last-child) { + margin-bottom: 1.5rem; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: 300; +} + +.title strong, +.subtitle strong { + font-weight: 500; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 300; + line-height: 1.125; +} + +.title strong { + color: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title + .subtitle { + margin-top: -1.25rem; +} + +.title.is-1 { + font-size: 3.5rem; +} + +.title.is-2 { + font-size: 2.75rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 14px; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 300; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; +} + +.subtitle + .title { + margin-top: -1.5rem; +} + +.subtitle.is-1 { + font-size: 3.5rem; +} + +.subtitle.is-2 { + font-size: 2.75rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 14px; +} + +.block:not(:last-child) { + margin-bottom: 1.5rem; +} + +.container { + position: relative; +} + +@media screen and (min-width: 1000px) { + .container { + margin: 0 auto; + max-width: 960px; + } + .container.is-fluid { + margin: 0 20px; + max-width: none; + } +} + +@media screen and (min-width: 1192px) { + .container { + max-width: 1152px; + } +} + +.delete { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + display: inline-block; + font-size: 1rem; + height: 20px; + outline: none; + position: relative; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; + vertical-align: top; + width: 20px; +} + +.delete:before, .delete:after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.delete:before { + height: 2px; + width: 50%; +} + +.delete:after { + height: 50%; + width: 2px; +} + +.delete:hover, .delete:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.delete.is-small { + height: 14px; + width: 14px; +} + +.delete.is-medium { + height: 26px; + width: 26px; +} + +.delete.is-large { + height: 30px; + width: 30px; +} + +.fa { + font-size: 21px; + text-align: center; + vertical-align: top; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight:not(:last-child) { + margin-bottom: 1.5rem; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.loader { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1rem; + position: relative; + width: 1rem; +} + +.number { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; } .card-header { @@ -2867,13 +3076,12 @@ a.box:active { display: -webkit-box; display: -ms-flexbox; display: flex; - min-height: 40px; } .card-header-title { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; color: #363636; display: -webkit-box; display: -ms-flexbox; @@ -2881,8 +3089,8 @@ a.box:active { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - font-weight: bold; - padding: 10px; + font-weight: 700; + padding: 0.75rem; } .card-header-icon { @@ -2896,7 +3104,7 @@ a.box:active { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - width: 40px; + padding: 0.75rem; } .card-image { @@ -2905,11 +3113,11 @@ a.box:active { } .card-content { - padding: 20px; + padding: 1.5rem; } .card-content .title + .subtitle { - margin-top: -20px; + margin-top: -1.5rem; } .card-footer { @@ -2929,13 +3137,17 @@ a.box:active { display: -webkit-box; display: -ms-flexbox; display: flex; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; + -ms-flex-negative: 0; + flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding: 10px; + padding: 0.75rem; } .card-footer-item:not(:last-child) { @@ -2948,244 +3160,29 @@ a.box:active { color: #4a4a4a; max-width: 100%; position: relative; - width: 300px; } .card .media:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } -.card.is-fullwidth { - width: 100%; -} - -.card.is-rounded { - border-radius: 5px; -} - -.highlight { - background-color: #fdf6e3; - color: #586e75; -} - -.highlight .c { - color: #93a1a1; -} - -.highlight .err, -.highlight .g { - color: #586e75; -} - -.highlight .k { - color: #859900; -} - -.highlight .l, -.highlight .n { - color: #586e75; -} - -.highlight .o { - color: #859900; -} - -.highlight .x { - color: #cb4b16; -} - -.highlight .p { - color: #586e75; -} - -.highlight .cm { - color: #93a1a1; -} - -.highlight .cp { - color: #859900; -} - -.highlight .c1 { - color: #93a1a1; -} - -.highlight .cs { - color: #859900; -} - -.highlight .gd { - color: #2aa198; -} - -.highlight .ge { - color: #586e75; - font-style: italic; -} - -.highlight .gr { - color: #dc322f; -} - -.highlight .gh { - color: #cb4b16; -} - -.highlight .gi { - color: #859900; -} - -.highlight .go, -.highlight .gp { - color: #586e75; -} - -.highlight .gs { - color: #586e75; - font-weight: bold; -} - -.highlight .gu { - color: #cb4b16; -} - -.highlight .gt { - color: #586e75; -} - -.highlight .kc { - color: #cb4b16; -} - -.highlight .kd { - color: #268bd2; -} - -.highlight .kn, -.highlight .kp { - color: #859900; -} - -.highlight .kr { - color: #268bd2; -} - -.highlight .kt { - color: #dc322f; -} - -.highlight .ld { - color: #586e75; -} - -.highlight .m, -.highlight .s { - color: #2aa198; -} - -.highlight .na { - color: #B58900; -} - -.highlight .nb { - color: #586e75; -} - -.highlight .nc { - color: #268bd2; -} - -.highlight .no { - color: #cb4b16; -} - -.highlight .nd { - color: #268bd2; -} - -.highlight .ni, -.highlight .ne { - color: #cb4b16; -} - -.highlight .nf { - color: #268bd2; -} - -.highlight .nl, -.highlight .nn, -.highlight .nx, -.highlight .py { - color: #586e75; -} - -.highlight .nt, -.highlight .nv { - color: #268bd2; -} - -.highlight .ow { - color: #859900; -} - -.highlight .w { - color: #586e75; -} - -.highlight .mf, -.highlight .mh, -.highlight .mi, -.highlight .mo { - color: #2aa198; -} - -.highlight .sb { - color: #93a1a1; -} - -.highlight .sc { - color: #2aa198; -} - -.highlight .sd { - color: #586e75; -} - -.highlight .s2 { - color: #2aa198; -} - -.highlight .se { - color: #cb4b16; -} - -.highlight .sh { - color: #586e75; -} - -.highlight .si, -.highlight .sx { - color: #2aa198; -} - -.highlight .sr { - color: #dc322f; -} - -.highlight .s1, -.highlight .ss { - color: #2aa198; -} - -.highlight .bp, -.highlight .vc, -.highlight .vg, -.highlight .vi { - color: #268bd2; -} - -.highlight .il { - color: #2aa198; +.level-item { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .level-item .title, @@ -3195,13 +3192,24 @@ a.box:active { @media screen and (max-width: 768px) { .level-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } } +.level-left, +.level-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; +} + .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { - margin-right: 10px; + margin-right: 0.75rem; } .level-left .level-item.is-flexible, @@ -3211,40 +3219,52 @@ a.box:active { flex-grow: 1; } +.level-left { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + @media screen and (max-width: 768px) { .level-left + .level-right { - margin-top: 20px; + margin-top: 1.5rem; } } @media screen and (min-width: 769px) { .level-left { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } } +.level-right { + -webkit-box-align: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + @media screen and (min-width: 769px) { .level-right { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } } .level { -webkit-box-align: center; -ms-flex-align: center; + -ms-grid-row-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; @@ -3252,7 +3272,7 @@ a.box:active { } .level:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .level code { @@ -3293,9 +3313,10 @@ a.box:active { } } -.media-number, .media-left, .media-right { + -ms-flex-preferred-size: auto; + flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; @@ -3303,29 +3324,17 @@ a.box:active { flex-shrink: 0; } -.media-number { - background-color: whitesmoke; - border-radius: 290486px; - display: inline-block; - font-size: 18px; - height: 32px; - line-height: 24px; - margin-right: 10px; - min-width: 32px; - padding: 4px 8px; - text-align: center; - vertical-align: top; -} - .media-left { - margin-right: 10px; + margin-right: 1rem; } .media-right { - margin-left: 10px; + margin-left: 1rem; } .media-content { + -ms-flex-preferred-size: auto; + flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; @@ -3345,7 +3354,7 @@ a.box:active { } .media .content:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .media .media { @@ -3353,49 +3362,46 @@ a.box:active { display: -webkit-box; display: -ms-flexbox; display: flex; - padding-top: 10px; + padding-top: 0.75rem; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 0.5rem; } .media .media .media { - padding-top: 5px; + padding-top: 0.5rem; } .media .media .media + .media { - margin-top: 5px; + margin-top: 0.5rem; } .media + .media { border-top: 1px solid rgba(219, 219, 219, 0.5); - margin-top: 10px; - padding-top: 10px; + margin-top: 1rem; + padding-top: 1rem; } .media.is-large + .media { - margin-top: 20px; - padding-top: 20px; + margin-top: 1.5rem; + padding-top: 1.5rem; } -@media screen and (min-width: 769px) { - .media.is-large .media-number { - margin-right: 20px; - } +.menu { + font-size: 1rem; } -.menu-nav a { - display: block; - padding: 5px 10px; +.menu-list { + line-height: 1.25; } .menu-list a { border-radius: 2px; color: #4a4a4a; display: block; - padding: 5px 10px; + padding: 0.5em 0.75em; } .menu-list a:hover { @@ -3405,60 +3411,38 @@ a.box:active { .menu-list a.is-active { background-color: #00d1b2; - color: white; + color: #fff; } .menu-list li ul { border-left: 1px solid #dbdbdb; - margin: 10px; - padding-left: 10px; + margin: 0.75em; + padding-left: 0.75em; } .menu-label { color: #7a7a7a; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; + font-size: 0.8em; + letter-spacing: 0.1em; text-transform: uppercase; } .menu-label:not(:first-child) { - margin-top: 20px; + margin-top: 1em; } -.message-body { - border: 1px solid #dbdbdb; - border-radius: 3px; - padding: 12px 15px; -} - -.message-body strong { - color: inherit; -} - -.message-header { - background-color: #4a4a4a; - border-radius: 3px 3px 0 0; - color: white; - padding: 7px 10px; -} - -.message-header strong { - color: inherit; -} - -.message-header + .message-body { - border-radius: 0 0 3px 3px; - border-top: none; +.menu-label:not(:last-child) { + margin-bottom: 1em; } .message { background-color: whitesmoke; border-radius: 3px; + font-size: 1rem; } .message:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .message.is-white { @@ -3472,11 +3456,11 @@ a.box:active { .message.is-white .message-body { border-color: white; - color: #666666; + color: #4d4d4d; } .message.is-black { - background-color: whitesmoke; + background-color: #fafafa; } .message.is-black .message-header { @@ -3486,11 +3470,11 @@ a.box:active { .message.is-black .message-body { border-color: #0a0a0a; - color: gray; + color: #090909; } .message.is-light { - background-color: whitesmoke; + background-color: #fafafa; } .message.is-light .message-header { @@ -3500,11 +3484,11 @@ a.box:active { .message.is-light .message-body { border-color: whitesmoke; - color: #666666; + color: #505050; } .message.is-dark { - background-color: whitesmoke; + background-color: #fafafa; } .message.is-dark .message-header { @@ -3514,53 +3498,53 @@ a.box:active { .message.is-dark .message-body { border-color: #363636; - color: gray; + color: #2a2a2a; } .message.is-primary { - background-color: #ebfffc; + background-color: #f5fffd; } .message.is-primary .message-header { background-color: #00d1b2; - color: white; + color: #fff; } .message.is-primary .message-body { border-color: #00d1b2; - color: gray; + color: #021310; } .message.is-info { - background-color: #eef3fc; + background-color: #f6f9fe; } .message.is-info .message-header { background-color: #3273dc; - color: white; + color: #fff; } .message.is-info .message-body { border-color: #3273dc; - color: gray; + color: #22509a; } .message.is-success { - background-color: #eefcf3; + background-color: #f6fef9; } .message.is-success .message-header { background-color: #23d160; - color: white; + color: #fff; } .message.is-success .message-body { border-color: #23d160; - color: gray; + color: #0e301a; } .message.is-warning { - background-color: #fffbeb; + background-color: #fffdf5; } .message.is-warning .message-header { @@ -3570,21 +3554,88 @@ a.box:active { .message.is-warning .message-body { border-color: #ffdd57; - color: gray; + color: #3b3108; } .message.is-danger { - background-color: #ffebef; + background-color: #fff5f7; } .message.is-danger .message-header { background-color: #ff3860; - color: white; + color: #fff; } .message.is-danger .message-body { border-color: #ff3860; - color: gray; + color: #cd0930; +} + +.message-header { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #4a4a4a; + border-radius: 3px 3px 0 0; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + line-height: 1.25; + padding: 0.5em 0.75em; + position: relative; +} + +.message-header a, +.message-header strong { + color: inherit; +} + +.message-header a { + text-decoration: underline; +} + +.message-header .delete { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-top: none; +} + +.message-body { + border: 1px solid #dbdbdb; + border-radius: 3px; + color: #4a4a4a; + padding: 1em 1.25em; +} + +.message-body a, +.message-body strong { + color: inherit; +} + +.message-body a { + text-decoration: underline; +} + +.message-body code, +.message-body pre { + background: white; +} + +.message-body pre code { + background: transparent; } .modal-background { @@ -3622,16 +3673,21 @@ a.box:active { user-select: none; -moz-appearance: none; -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.1); + background-color: rgba(10, 10, 10, 0.2); border: none; border-radius: 290486px; cursor: pointer; display: inline-block; - height: 24px; + font-size: 1rem; + height: 20px; outline: none; position: relative; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center; vertical-align: top; - width: 24px; + width: 20px; background: none; height: 40px; position: fixed; @@ -3644,42 +3700,44 @@ a.box:active { background-color: white; content: ""; display: block; - height: 2px; left: 50%; - margin-left: -25%; - margin-top: -1px; position: absolute; top: 50%; - width: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); } .modal-close:before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + height: 2px; + width: 50%; } .modal-close:after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + height: 50%; + width: 2px; } -.modal-close:hover { - background-color: rgba(10, 10, 10, 0.2); +.modal-close:hover, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.modal-close:active { + background-color: rgba(10, 10, 10, 0.4); } .modal-close.is-small { - height: 16px; - width: 16px; + height: 14px; + width: 14px; } .modal-close.is-medium { - height: 32px; - width: 32px; + height: 26px; + width: 26px; } .modal-close.is-large { - height: 40px; - width: 40px; + height: 30px; + width: 30px; } .modal-card { @@ -3725,7 +3783,7 @@ a.box:active { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; - font-size: 24px; + font-size: 1.5rem; line-height: 1; } @@ -3740,6 +3798,7 @@ a.box:active { } .modal-card-body { + -webkit-overflow-scrolling: touch; background-color: white; -webkit-box-flex: 1; -ms-flex-positive: 1; @@ -3758,6 +3817,7 @@ a.box:active { top: 0; -webkit-box-align: center; -ms-flex-align: center; + -ms-grid-row-align: center; align-items: center; display: none; -webkit-box-pack: center; @@ -3777,9 +3837,9 @@ a.box:active { .nav-toggle { cursor: pointer; display: block; - height: 50px; + height: 3.5rem; position: relative; - width: 50px; + width: 3.5rem; } .nav-toggle span { @@ -3857,10 +3917,11 @@ a.box:active { flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; + font-size: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding: 10px; + padding: 0.5rem 0.75rem; } .nav-item a { @@ -3872,19 +3933,19 @@ a.box:active { } .nav-item img { - max-height: 24px; + max-height: 1.75rem; } .nav-item .button + .button { - margin-left: 10px; + margin-left: 0.75rem; } -.nav-item .tag:first-child { - margin-right: 5px; +.nav-item .tag:first-child:not(:last-child) { + margin-right: 0.5rem; } -.nav-item .tag:last-child { - margin-left: 5px; +.nav-item .tag:last-child:not(:first-child) { + margin-left: 0.5rem; } @media screen and (max-width: 768px) { @@ -3914,21 +3975,30 @@ a.nav-item.is-active { a.nav-item.is-tab { border-bottom: 1px solid transparent; border-top: 1px solid transparent; - padding-left: 12px; - padding-right: 12px; + padding-bottom: calc(0.5rem - 1px); + padding-left: 1rem; + padding-right: 1rem; + padding-top: calc(0.5rem - 1px); } .nav-item a.is-tab:hover, a.nav-item.is-tab:hover { - border-bottom: 1px solid #00d1b2; - border-top: 1px solid transparent; + border-bottom-color: #00d1b2; + border-top-color: transparent; } .nav-item a.is-tab.is-active, a.nav-item.is-tab.is-active { border-bottom: 3px solid #00d1b2; - border-top: 3px solid transparent; color: #00d1b2; + padding-bottom: calc(0.5rem - 3px); +} + +@media screen and (min-width: 1000px) { + .nav-item a.is-brand, + a.nav-item.is-brand { + padding-left: 0; + } } @media screen and (max-width: 768px) { @@ -3943,26 +4013,25 @@ a.nav-item.is-tab.is-active { } .nav-menu .nav-item { border-top: 1px solid rgba(219, 219, 219, 0.5); - padding: 10px; + padding: 0.75rem; } .nav-menu.is-active { display: block; } } -@media screen and (min-width: 769px) and (max-width: 979px) { +@media screen and (min-width: 769px) and (max-width: 999px) { .nav-menu { - padding-right: 20px; + padding-right: 1.5rem; } } -.nav-left { +.nav-left, +.nav-right { -webkit-box-align: stretch; -ms-flex-align: stretch; + -ms-grid-row-align: stretch; align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; - display: flex; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; @@ -3970,6 +4039,12 @@ a.nav-item.is-tab.is-active { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; +} + +.nav-left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; @@ -3985,6 +4060,11 @@ a.nav-item.is-tab.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -ms-flex-negative: 0; + flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; @@ -3992,24 +4072,17 @@ a.nav-item.is-tab.is-active { margin-right: auto; } +.nav-right { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + @media screen and (min-width: 769px) { .nav-right { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } } @@ -4021,7 +4094,7 @@ a.nav-item.is-tab.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; - min-height: 50px; + min-height: 3.5rem; position: relative; text-align: center; z-index: 2; @@ -4034,38 +4107,16 @@ a.nav-item.is-tab.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; - min-height: 50px; + min-height: 3.5rem; width: 100%; } -.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) { - padding-left: 0; -} - -.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) { - padding-right: 0; -} - -.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) { - padding-left: 0; -} - -.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) { - padding-right: 0; -} - .nav.has-shadow { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } -@media screen and (max-width: 979px) { - .nav > .container > .nav-left > .nav-item.is-brand:first-child, - .container > .nav > .nav-left > .nav-item.is-brand:first-child { - padding-left: 20px; - } -} - -.pagination { +.pagination, +.pagination-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; @@ -4078,37 +4129,127 @@ a.nav-item.is-tab.is-active { text-align: center; } -.pagination a { - display: block; - min-width: 32px; - padding: 3px 8px; -} - -.pagination span { - color: #7a7a7a; - display: block; - margin: 0 4px; -} - -.pagination li { - margin: 0 2px; -} - -.pagination ul { +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + border: none; + border-radius: 3px; + box-shadow: none; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1rem; + height: 2.5em; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + position: relative; + vertical-align: top; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 0.875rem; + padding-left: 0.5em; + padding-right: 0.5em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; + text-align: center; +} + +.pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, +.pagination-next:focus, +.pagination-next.is-focused, +.pagination-next:active, +.pagination-next.is-active, +.pagination-link:focus, +.pagination-link.is-focused, +.pagination-link:active, +.pagination-link.is-active, +.pagination-ellipsis:focus, +.pagination-ellipsis.is-focused, +.pagination-ellipsis:active, +.pagination-ellipsis.is-active { + outline: none; +} + +.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-next[disabled], +.pagination-next.is-disabled, +.pagination-link[disabled], +.pagination-link.is-disabled, +.pagination-ellipsis[disabled], +.pagination-ellipsis.is-disabled { + pointer-events: none; +} + +.pagination-previous, +.pagination-next, +.pagination-link { + border: 1px solid #dbdbdb; + min-width: 2.5em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #00d1b2; +} + +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); +} + +.pagination-previous[disabled], .pagination-previous.is-disabled, +.pagination-next[disabled], +.pagination-next.is-disabled, +.pagination-link[disabled], +.pagination-link.is-disabled { + background: #dbdbdb; + color: #7a7a7a; + opacity: 0.5; + pointer-events: none; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; +} + +.pagination-link.is-current { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list li:not(:first-child) { + margin-left: 0.375rem; } @media screen and (max-width: 768px) { @@ -4116,58 +4257,158 @@ a.nav-item.is-tab.is-active { -ms-flex-wrap: wrap; flex-wrap: wrap; } - .pagination > a { - width: calc(50% - 5px); - } - .pagination > a:not(:first-child) { - margin-left: 10px; - } - .pagination li { + .pagination-previous, + .pagination-next { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + -ms-flex-negative: 1; + flex-shrink: 1; + width: calc(50% - 0.375rem); } - .pagination ul { - margin-top: 10px; + .pagination-next { + margin-left: 0.75rem; + } + .pagination-list { + margin-top: 0.75rem; + } + .pagination-list li { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; } } @media screen and (min-width: 769px) { - .pagination > a:not(:first-child) { + .pagination-list { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } + .pagination-previous, + .pagination-next { + margin-left: 0.75rem; + } + .pagination-previous { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + .pagination.is-centered .pagination-previous { + margin-left: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-centered .pagination-list { + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + } + .pagination.is-centered .pagination-next { + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } + .pagination.is-right .pagination-previous { + margin-left: 0; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; + } + .pagination.is-right .pagination-next { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + margin-right: 0.75rem; + } + .pagination.is-right .pagination-list { + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-ordinal-group: 4; + -ms-flex-order: 3; + order: 3; + } } -.panel-icon { - display: inline-block; - font-size: 14px; - height: 16px; - line-height: 16px; - text-align: center; - vertical-align: top; - width: 16px; - color: #7a7a7a; - float: left; - margin: 0 4px 0 -2px; +.panel { + font-size: 1rem; } -.panel-icon .fa { - font-size: inherit; - line-height: inherit; +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} + +.panel-heading, +.panel-tabs, +.panel-block { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb; +} + +.panel-heading:first-child, +.panel-tabs:first-child, +.panel-block:first-child { + border-top: 1px solid #dbdbdb; } .panel-heading { background-color: whitesmoke; - border-bottom: 1px solid #dbdbdb; - border-radius: 4px 4px 0 0; + border-radius: 3px 3px 0 0; color: #363636; - font-size: 18px; + font-size: 1.25em; font-weight: 300; - padding: 10px; + line-height: 1.25; + padding: 0.5em 0.75em; +} + +.panel-tabs { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 0.875em; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; } .panel-list a { @@ -4178,54 +4419,67 @@ a.nav-item.is-tab.is-active { color: #00d1b2; } -.panel-tabs { +.panel-block { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #363636; display: -webkit-box; display: -ms-flexbox; display: flex; - font-size: 11px; - padding: 5px 10px 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + padding: 0.5em 0.75em; } -.panel-tabs a { - border-bottom: 1px solid #dbdbdb; - margin-bottom: -1px; - padding: 5px; +.panel-block input[type="checkbox"] { + margin-right: 0.75em; } -.panel-tabs a.is-active { - border-bottom-color: #363636; +.panel-block > .control { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + width: 100%; +} + +.panel-block.is-active { + border-left-color: #00d1b2; color: #363636; } -.panel-tabs:not(:last-child) { - border-bottom: 1px solid #dbdbdb; +.panel-block.is-active .panel-icon { + color: #00d1b2; } -.panel-block { - color: #363636; - display: block; - line-height: 16px; - padding: 10px; +a.panel-block, +label.panel-block { + cursor: pointer; } -.panel-block:not(:last-child) { - border-bottom: 1px solid #dbdbdb; -} - -a.panel-block:hover { +a.panel-block:hover, +label.panel-block:hover { background-color: whitesmoke; } -.panel { - border: 1px solid #dbdbdb; - border-radius: 5px; +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; } -.panel:not(:last-child) { - margin-bottom: 20px; +.panel-icon .fa { + font-size: inherit; + line-height: inherit; } .tabs { @@ -4240,17 +4494,17 @@ a.panel-block:hover { display: -webkit-box; display: -ms-flexbox; display: flex; + font-size: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; - line-height: 24px; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .tabs a { @@ -4266,7 +4520,7 @@ a.panel-block:hover { -ms-flex-pack: center; justify-content: center; margin-bottom: -1px; - padding: 6px 12px; + padding: 0.5em 1em; vertical-align: top; } @@ -4303,7 +4557,7 @@ a.panel-block:hover { } .tabs ul.is-left { - padding-right: 10px; + padding-right: 0.75em; } .tabs ul.is-center { @@ -4313,23 +4567,23 @@ a.panel-block:hover { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - padding-left: 10px; - padding-right: 10px; + padding-left: 0.75em; + padding-right: 0.75em; } .tabs ul.is-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; - padding-left: 10px; + padding-left: 0.75em; } .tabs .icon:first-child { - margin-right: 8px; + margin-right: 0.5em; } .tabs .icon:last-child { - margin-left: 8px; + margin-left: 0.5em; } .tabs.is-centered ul { @@ -4347,8 +4601,6 @@ a.panel-block:hover { .tabs.is-boxed a { border: 1px solid transparent; border-radius: 3px 3px 0 0; - padding-bottom: 5px; - padding-top: 5px; } .tabs.is-boxed a:hover { @@ -4373,8 +4625,6 @@ a.panel-block:hover { .tabs.is-toggle a { border: 1px solid #dbdbdb; margin-bottom: 0; - padding-bottom: 5px; - padding-top: 5px; position: relative; } @@ -4399,7 +4649,7 @@ a.panel-block:hover { .tabs.is-toggle li.is-active a { background-color: #00d1b2; border-color: #00d1b2; - color: white; + color: #fff; z-index: 1; } @@ -4408,42 +4658,15 @@ a.panel-block:hover { } .tabs.is-small { - font-size: 11px; -} - -.tabs.is-small a { - padding: 2px 8px; -} - -.tabs.is-small.is-boxed a, .tabs.is-small.is-toggle a { - padding-bottom: 1px; - padding-top: 1px; + font-size: 0.75rem; } .tabs.is-medium { - font-size: 18px; -} - -.tabs.is-medium a { - padding: 10px 16px; -} - -.tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a { - padding-bottom: 9px; - padding-top: 9px; + font-size: 1.25rem; } .tabs.is-large { - font-size: 28px; -} - -.tabs.is-large a { - padding: 14px 20px; -} - -.tabs.is-large.is-boxed a, .tabs.is-large.is-toggle a { - padding-bottom: 13px; - padding-top: 13px; + font-size: 1.5rem; } .column { @@ -4455,7 +4678,7 @@ a.panel-block:hover { flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; - padding: 10px; + padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { @@ -4992,7 +5215,7 @@ a.panel-block:hover { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .column.is-narrow-desktop { -webkit-box-flex: 0; -ms-flex: none; @@ -5159,7 +5382,7 @@ a.panel-block:hover { } } -@media screen and (min-width: 1180px) { +@media screen and (min-width: 1192px) { .column.is-narrow-widescreen { -webkit-box-flex: 0; -ms-flex: none; @@ -5327,17 +5550,17 @@ a.panel-block:hover { } .columns { - margin-left: -10px; - margin-right: -10px; - margin-top: -10px; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; } .columns:last-child { - margin-bottom: -10px; + margin-bottom: -0.75rem; } .columns:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .columns.is-centered { @@ -5357,7 +5580,7 @@ a.panel-block:hover { } .columns.is-gapless:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .columns.is-gapless > .column { @@ -5372,7 +5595,7 @@ a.panel-block:hover { } .columns.is-grid > .column { max-width: 33.3333%; - padding: 10px; + padding: 0.75rem; width: 33.3333%; } .columns.is-grid > .column + .column { @@ -5394,6 +5617,7 @@ a.panel-block:hover { .columns.is-vcentered { -webkit-box-align: center; -ms-flex-align: center; + -ms-grid-row-align: center; align-items: center; } @@ -5405,7 +5629,7 @@ a.panel-block:hover { } } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .columns.is-desktop { display: -webkit-box; display: -ms-flexbox; @@ -5416,10 +5640,11 @@ a.panel-block:hover { .tile { -webkit-box-align: stretch; -ms-flex-align: stretch; + -ms-grid-row-align: stretch; align-items: stretch; display: block; - -ms-flex-preferred-size: auto; - flex-basis: auto; + -ms-flex-preferred-size: 0; + flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; @@ -5431,17 +5656,17 @@ a.panel-block:hover { } .tile.is-ancestor { - margin-left: -10px; - margin-right: -10px; - margin-top: -10px; + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; } .tile.is-ancestor:last-child { - margin-bottom: -10px; + margin-bottom: -0.75rem; } .tile.is-ancestor:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } .tile.is-child { @@ -5449,7 +5674,7 @@ a.panel-block:hover { } .tile.is-parent { - padding: 10px; + padding: 0.75rem; } .tile.is-vertical { @@ -5460,7 +5685,7 @@ a.panel-block:hover { } .tile.is-vertical > .tile.is-child:not(:last-child) { - margin-bottom: 20px !important; + margin-bottom: 1.5rem !important; } @media screen and (min-width: 769px) { @@ -5573,7 +5798,7 @@ a.panel-block:hover { } .hero-buttons { - margin-top: 20px; + margin-top: 1.5rem; } @media screen and (max-width: 768px) { @@ -5583,7 +5808,7 @@ a.panel-block:hover { display: flex; } .hero-buttons .button:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 0.75rem; } } @@ -5597,12 +5822,15 @@ a.panel-block:hover { justify-content: center; } .hero-buttons .button:not(:last-child) { - margin-right: 20px; + margin-right: 1.5rem; } } .hero-head, .hero-foot { + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @@ -5613,10 +5841,10 @@ a.panel-block:hover { flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; - padding: 40px 20px; + padding: 3rem 1.5rem; } -@media screen and (min-width: 1240px) { +@media screen and (min-width: 1192px) { .hero-body { padding-left: 0; padding-right: 0; @@ -5654,13 +5882,13 @@ a.panel-block:hover { color: #0a0a0a; } -.hero.is-white .title { - color: #0a0a0a; +.hero.is-white a, +.hero.is-white strong { + color: inherit; } -.hero.is-white .title a, -.hero.is-white .title strong { - color: inherit; +.hero.is-white .title { + color: #0a0a0a; } .hero.is-white .subtitle { @@ -5745,13 +5973,13 @@ a.panel-block:hover { color: white; } -.hero.is-black .title { - color: white; +.hero.is-black a, +.hero.is-black strong { + color: inherit; } -.hero.is-black .title a, -.hero.is-black .title strong { - color: inherit; +.hero.is-black .title { + color: white; } .hero.is-black .subtitle { @@ -5836,13 +6064,13 @@ a.panel-block:hover { color: #363636; } -.hero.is-light .title { - color: #363636; +.hero.is-light a, +.hero.is-light strong { + color: inherit; } -.hero.is-light .title a, -.hero.is-light .title strong { - color: inherit; +.hero.is-light .title { + color: #363636; } .hero.is-light .subtitle { @@ -5927,13 +6155,13 @@ a.panel-block:hover { color: whitesmoke; } -.hero.is-dark .title { - color: whitesmoke; +.hero.is-dark a, +.hero.is-dark strong { + color: inherit; } -.hero.is-dark .title a, -.hero.is-dark .title strong { - color: inherit; +.hero.is-dark .title { + color: whitesmoke; } .hero.is-dark .subtitle { @@ -6015,16 +6243,16 @@ a.panel-block:hover { .hero.is-primary { background-color: #00d1b2; - color: white; + color: #fff; +} + +.hero.is-primary a, +.hero.is-primary strong { + color: inherit; } .hero.is-primary .title { - color: white; -} - -.hero.is-primary .title a, -.hero.is-primary .title strong { - color: inherit; + color: #fff; } .hero.is-primary .subtitle { @@ -6033,7 +6261,7 @@ a.panel-block:hover { .hero.is-primary .subtitle a, .hero.is-primary .subtitle strong { - color: white; + color: #fff; } .hero.is-primary .nav { @@ -6054,11 +6282,11 @@ a.panel-block:hover { .hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, .hero.is-primary .nav-item a:not(.button):hover, .hero.is-primary .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-primary .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6071,7 +6299,7 @@ a.panel-block:hover { } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { @@ -6079,8 +6307,8 @@ a.panel-block:hover { } .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #00d1b2; } @@ -6091,13 +6319,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-primary .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-primary .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-primary .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-primary .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6106,16 +6334,16 @@ a.panel-block:hover { .hero.is-info { background-color: #3273dc; - color: white; + color: #fff; +} + +.hero.is-info a, +.hero.is-info strong { + color: inherit; } .hero.is-info .title { - color: white; -} - -.hero.is-info .title a, -.hero.is-info .title strong { - color: inherit; + color: #fff; } .hero.is-info .subtitle { @@ -6124,7 +6352,7 @@ a.panel-block:hover { .hero.is-info .subtitle a, .hero.is-info .subtitle strong { - color: white; + color: #fff; } .hero.is-info .nav { @@ -6145,11 +6373,11 @@ a.panel-block:hover { .hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, .hero.is-info .nav-item a:not(.button):hover, .hero.is-info .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-info .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6162,7 +6390,7 @@ a.panel-block:hover { } .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { @@ -6170,8 +6398,8 @@ a.panel-block:hover { } .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #3273dc; } @@ -6182,13 +6410,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-info .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-info .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-info .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-info .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6197,16 +6425,16 @@ a.panel-block:hover { .hero.is-success { background-color: #23d160; - color: white; + color: #fff; +} + +.hero.is-success a, +.hero.is-success strong { + color: inherit; } .hero.is-success .title { - color: white; -} - -.hero.is-success .title a, -.hero.is-success .title strong { - color: inherit; + color: #fff; } .hero.is-success .subtitle { @@ -6215,7 +6443,7 @@ a.panel-block:hover { .hero.is-success .subtitle a, .hero.is-success .subtitle strong { - color: white; + color: #fff; } .hero.is-success .nav { @@ -6236,11 +6464,11 @@ a.panel-block:hover { .hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, .hero.is-success .nav-item a:not(.button):hover, .hero.is-success .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-success .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6253,7 +6481,7 @@ a.panel-block:hover { } .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { @@ -6261,8 +6489,8 @@ a.panel-block:hover { } .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #23d160; } @@ -6273,13 +6501,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-success .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-success .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-success .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-success .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6291,13 +6519,13 @@ a.panel-block:hover { color: rgba(0, 0, 0, 0.7); } -.hero.is-warning .title { - color: rgba(0, 0, 0, 0.7); +.hero.is-warning a, +.hero.is-warning strong { + color: inherit; } -.hero.is-warning .title a, -.hero.is-warning .title strong { - color: inherit; +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); } .hero.is-warning .subtitle { @@ -6379,16 +6607,16 @@ a.panel-block:hover { .hero.is-danger { background-color: #ff3860; - color: white; + color: #fff; +} + +.hero.is-danger a, +.hero.is-danger strong { + color: inherit; } .hero.is-danger .title { - color: white; -} - -.hero.is-danger .title a, -.hero.is-danger .title strong { - color: inherit; + color: #fff; } .hero.is-danger .subtitle { @@ -6397,7 +6625,7 @@ a.panel-block:hover { .hero.is-danger .subtitle a, .hero.is-danger .subtitle strong { - color: white; + color: #fff; } .hero.is-danger .nav { @@ -6418,11 +6646,11 @@ a.panel-block:hover { .hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, .hero.is-danger .nav-item a:not(.button):hover, .hero.is-danger .nav-item a:not(.button).is-active { - color: white; + color: #fff; } .hero.is-danger .tabs a { - color: white; + color: #fff; opacity: 0.9; } @@ -6435,7 +6663,7 @@ a.panel-block:hover { } .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { - color: white; + color: #fff; } .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { @@ -6443,8 +6671,8 @@ a.panel-block:hover { } .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; + background-color: #fff; + border-color: #fff; color: #ff3860; } @@ -6455,13 +6683,13 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero.is-danger .nav-toggle span { - background-color: white; + background-color: #fff; } .hero.is-danger .nav-toggle:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-danger .nav-toggle.is-active span { - background-color: white; + background-color: #fff; } .hero.is-danger .nav-menu .nav-item { border-top-color: rgba(255, 255, 255, 0.2); @@ -6470,15 +6698,15 @@ a.panel-block:hover { @media screen and (min-width: 769px) { .hero.is-medium .hero-body { - padding-bottom: 120px; - padding-top: 120px; + padding-bottom: 9rem; + padding-top: 9rem; } } @media screen and (min-width: 769px) { .hero.is-large .hero-body { - padding-bottom: 240px; - padding-top: 240px; + padding-bottom: 18rem; + padding-top: 18rem; } } @@ -6505,37 +6733,246 @@ a.panel-block:hover { .section { background-color: white; - padding: 40px 20px; + padding: 3rem 1.5rem; } -@media screen and (min-width: 980px) { +@media screen and (min-width: 1000px) { .section.is-medium { - padding: 120px 20px; + padding: 9rem 1.5rem; } .section.is-large { - padding: 240px 20px; + padding: 18rem 1.5rem; } } .footer { background-color: whitesmoke; - padding: 40px 20px 80px; + padding: 3rem 1.5rem 6rem; } -.footer a, .footer a:visited { - color: #4a4a4a; +.highlight { + background-color: #fdf6e3; + color: #586e75; } -.footer a:hover, .footer a:visited:hover { - color: #363636; +.highlight .c { + color: #93a1a1; } -.footer a:not(.icon), .footer a:visited:not(.icon) { - border-bottom: 1px solid #dbdbdb; +.highlight .err, +.highlight .g { + color: #586e75; } -.footer a:not(.icon):hover, .footer a:visited:not(.icon):hover { - border-bottom-color: #00d1b2; +.highlight .k { + color: #859900; +} + +.highlight .l, +.highlight .n { + color: #586e75; +} + +.highlight .o { + color: #859900; +} + +.highlight .x { + color: #cb4b16; +} + +.highlight .p { + color: #586e75; +} + +.highlight .cm { + color: #93a1a1; +} + +.highlight .cp { + color: #859900; +} + +.highlight .c1 { + color: #93a1a1; +} + +.highlight .cs { + color: #859900; +} + +.highlight .gd { + color: #2aa198; +} + +.highlight .ge { + color: #586e75; + font-style: italic; +} + +.highlight .gr { + color: #dc322f; +} + +.highlight .gh { + color: #cb4b16; +} + +.highlight .gi { + color: #859900; +} + +.highlight .go, +.highlight .gp { + color: #586e75; +} + +.highlight .gs { + color: #586e75; + font-weight: bold; +} + +.highlight .gu { + color: #cb4b16; +} + +.highlight .gt { + color: #586e75; +} + +.highlight .kc { + color: #cb4b16; +} + +.highlight .kd { + color: #268bd2; +} + +.highlight .kn, +.highlight .kp { + color: #859900; +} + +.highlight .kr { + color: #268bd2; +} + +.highlight .kt { + color: #dc322f; +} + +.highlight .ld { + color: #586e75; +} + +.highlight .m, +.highlight .s { + color: #2aa198; +} + +.highlight .na { + color: #B58900; +} + +.highlight .nb { + color: #586e75; +} + +.highlight .nc { + color: #268bd2; +} + +.highlight .no { + color: #cb4b16; +} + +.highlight .nd { + color: #268bd2; +} + +.highlight .ni, +.highlight .ne { + color: #cb4b16; +} + +.highlight .nf { + color: #268bd2; +} + +.highlight .nl, +.highlight .nn, +.highlight .nx, +.highlight .py { + color: #586e75; +} + +.highlight .nt, +.highlight .nv { + color: #268bd2; +} + +.highlight .ow { + color: #859900; +} + +.highlight .w { + color: #586e75; +} + +.highlight .mf, +.highlight .mh, +.highlight .mi, +.highlight .mo { + color: #2aa198; +} + +.highlight .sb { + color: #93a1a1; +} + +.highlight .sc { + color: #2aa198; +} + +.highlight .sd { + color: #586e75; +} + +.highlight .s2 { + color: #2aa198; +} + +.highlight .se { + color: #cb4b16; +} + +.highlight .sh { + color: #586e75; +} + +.highlight .si, +.highlight .sx { + color: #2aa198; +} + +.highlight .sr { + color: #dc322f; +} + +.highlight .s1, +.highlight .ss { + color: #2aa198; +} + +.highlight .bp, +.highlight .vc, +.highlight .vg, +.highlight .vi { + color: #268bd2; +} + +.highlight .il { + color: #2aa198; } @media screen and (min-width: 769px) { @@ -6557,7 +6994,7 @@ body.page-grid .column > .notification { @media screen and (min-width: 769px) { .header-item .button + .button { - margin-left: 10px; + margin-left: 0.75rem; } } @@ -6569,7 +7006,12 @@ svg { #carbon { max-width: 340px; min-height: 130px; - padding: 15px; + padding: 0; + position: relative; +} + +#carbon:hover { + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2; } @media screen and (min-width: 769px) { @@ -6584,33 +7026,44 @@ svg { text-align: left; } -#carbonads a:hover { - text-decoration: underline; -} - +#carbonads a, #carbonads span { display: block; } +#carbonads .carbon-wrap { + position: relative; +} + #carbonads .carbon-img { float: left; - height: 100px; - width: 130px; + height: 130px; + padding: 15px 0 15px 15px; + width: 145px; } #carbonads .carbon-img img { display: block; + height: 100px; + width: 130px; } #carbonads .carbon-text { display: block; color: #363636; - margin-left: 145px; + line-height: 20px; + padding: 15px 15px 35px 160px; } #carbonads .carbon-poweredby { - font-size: 11px; - margin-left: 15px; + bottom: 0; + color: #7a7a7a; + font-size: 0.75rem; + left: 160px; + line-height: 20px; + padding: 0 15px 10px 0; + position: absolute; + right: 0; } #github { @@ -6900,15 +7353,25 @@ svg { } #npm { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; -webkit-animation: fadeIn 500ms both; animation: fadeIn 500ms both; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; background: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; margin: -10px 0 20px; } #npm code { + background: whitesmoke; border-radius: 3px; color: #00d1b2; display: inline-block; @@ -6950,7 +7413,7 @@ html.route-index #carbon { background: white; border-radius: 5px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - padding: 20px; + padding: 1.5rem; } #mc_embed_signup .control { @@ -6958,7 +7421,7 @@ html.route-index #carbon { } #mc_embed_signup .notification { - margin-top: 10px; + margin-top: 0.75rem; } #social { @@ -7005,18 +7468,18 @@ html.route-index #carbon { border: 1px solid #ffdd57; border-top-right-radius: 3px; color: rgba(0, 0, 0, 0.7); - padding: 15px 20px; + padding: 1.25rem 1.5rem; position: relative; } .example:not(:first-child), .structure:not(:first-child) { - margin-top: 30px; + margin-top: 2rem; } .example:not(:last-child), .structure:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 1.5rem; } .example:before, @@ -7049,26 +7512,26 @@ html.route-index #carbon { border: 1px solid #ffdd57; border-radius: 0 0 3px 3px; border-top: none; - margin-top: -20px; + margin-top: -1.5rem; } .example + .highlight pre { - max-height: 600px; + max-height: 50vh; } .example + .highlight:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 1.5rem; } .structure { border-color: #ff3860; border-radius: 3px; - padding: 20px; + padding: 1.5rem; } .structure:before { background: #ff3860; - color: white; + color: #fff; content: "Structure"; } @@ -7113,17 +7576,18 @@ html.route-index #carbon { } .structure-item.is-structure-container { - padding: 20px 10px 10px; + padding: 1.5rem 0.75rem 0.75rem; } .structure-item.is-structure-container:after { -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; + padding: 0.5rem 0.75rem; } .highlight { @@ -7159,14 +7623,20 @@ html.route-index #carbon { right: 50px; } +@media screen and (min-width: 769px) { + .highlight pre { + white-space: pre-wrap; + } +} + @media screen and (min-width: 769px) { .section:not(.is-fullwidth) > .example:not(.is-fullwidth) { - margin-left: 20px; - margin-right: 20px; + margin-left: 1.5rem; + margin-right: 1.5rem; } .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .highlight { - margin-left: 20px; - margin-right: 20px; + margin-left: 1.5rem; + margin-right: 1.5rem; } } @@ -7194,10 +7664,10 @@ html.route-index #carbon { html ::-moz-selection { background: #00d1b2; - color: white; + color: #fff; } html ::selection { background: #00d1b2; - color: white; + color: #fff; } diff --git a/docs/documentation/components/card.html b/docs/documentation/components/card.html index ca65427f..3dbb8f97 100644 --- a/docs/documentation/components/card.html +++ b/docs/documentation/components/card.html @@ -13,110 +13,65 @@ doc-subtab: card
-
-
-
-
-
- -
-
-
-
-
-
- Image -
-
-
-

John Smith

-

@johnsmith

-
-
- -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive -
- 11:09 PM - 1 Jan 2016 -
-
-
-
-
-{% highlight html %} +{% capture card_example %}
- + Image
-
- Image +
+ Image
-

John Smith

+

John Smith

@johnsmith

Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Phasellus nec iaculis mauris. @bulmaio. - #css #responsive + Phasellus nec iaculis mauris. @bulmaio. + #css #responsive
11:09 PM - 1 Jan 2016
+{% endcapture %} +
+
+{{card_example}} +
+
+{% highlight html %} +{{card_example}} {% endhighlight %} -
-
+
+
-
-
-
-
-

- Component -

- - - -
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive -
- 11:09 PM - 1 Jan 2016 -
-
- -
-
-
-{% highlight html %} -
+{% capture card_header_example %} +

Component

- + + +
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. + @bulmaio. #css #responsive
11:09 PM - 1 Jan 2016
@@ -127,8 +82,17 @@ doc-subtab: card Delete
+{% endcapture %} +
+
+{{card_header_example}} +
+
+{% highlight html %} +{{card_header_example}} {% endhighlight %} -
-
+
+
+

diff --git a/docs/documentation/components/level.html b/docs/documentation/components/level.html index d5e638a8..d7562232 100644 --- a/docs/documentation/components/level.html +++ b/docs/documentation/components/level.html @@ -71,46 +71,7 @@ doc-subtab: level
-
- -
- -{% highlight html %} +{% capture nav_example %}
+{% endcapture %} +
+{{nav_example}} +
+{% highlight html %} +{{nav_example}} {% endhighlight %}
-

Centered level

-
- If you want a centered level, you can use as many level-item as you want, as long as they are direct children of the level container. -
- -
- -
- -{% highlight html %} +

Centered level

+
+ If you want a centered level, you can use as many level-item as you want, as long as they are direct children of the level container. +
+{% capture nav_centered_example %} -{% endhighlight %} - -
- -
- -{% highlight html %} +{% endcapture %} +{% capture nav_centered_bis_example %} +{% endcapture %} +
+{{nav_centered_example}} +
+{% highlight html %} +{{nav_centered_example}} +{% endhighlight %} +
+{{nav_centered_bis_example}} +
+{% highlight html %} +{{nav_centered_bis_example}} {% endhighlight %}
-

Mobile level

-
- By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the is-mobile modifier on the level container. -
-
- +

Mobile level

+
+ By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the is-mobile modifier on the level container. +
+{% capture nav_mobile_example %} + +{% endcapture %} +
+{{nav_mobile_example}} +
+{% highlight html %} +{{nav_mobile_example}} +{% endhighlight %} + +
diff --git a/docs/documentation/components/media-object.html b/docs/documentation/components/media-object.html index 8f034ef3..7651451e 100644 --- a/docs/documentation/components/media-object.html +++ b/docs/documentation/components/media-object.html @@ -21,7 +21,7 @@ doc-subtab: media-object

- +

@@ -52,47 +52,11 @@ doc-subtab: media-object
- -
-
-
-

- -

-
-
-
-

- John Smith @johnsmith 31m -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis. -

-
- -
-
- -
-
-
- -{% highlight html %} +{% capture media_example %}

- +

@@ -121,46 +85,23 @@ doc-subtab: media-object
+{% endcapture %} +
+{{media_example}} +
+{% highlight html %} +{{media_example}} {% endhighlight %}

You can include any other Bulma element, like inputs, textareas, icons, buttons... or even a nav bar.

-
-
-
-

- -

-
-
-

- -

- -
-
-
- -{% highlight html %} +{% capture media_bis_example %}

- +

@@ -183,6 +124,12 @@ doc-subtab: media-object
+{% endcapture %} +
+{{media_bis_example}} +
+{% highlight html %} +{{media_bis_example}} {% endhighlight %}
@@ -191,92 +138,11 @@ doc-subtab: media-object

You can nest media objects up to 3 levels deep.

-
-
-
-

- -

-
-
-
-

- Barbara Middleton -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis. -
- Like · Reply · 3 hrs -

-
- -
-
-

- -

-
-
-
-

- Sean Brown -
- Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat. -
- Like · Reply · 2 hrs -

-
- -
- Vivamus quis semper metus, non tincidunt dolor. Vivamus in mi eu lorem cursus ullamcorper sit amet nec massa. -
- -
- Morbi vitae diam et purus tincidunt porttitor vel vitae augue. Praesent malesuada metus sed pharetra euismod. Cras tellus odio, tincidunt iaculis diam non, porta aliquet tortor. -
-
-
- -
-
-

- -

-
-
-
-

- Kayli Eunice -
- Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat. -
- Like · Reply · 2 hrs -

-
-
-
-
-
-
-
-

- -

-
-
-

- -

-

- -

-
-
-
-{% highlight html %} +{% capture media_nested_example %}

- +

@@ -293,7 +159,7 @@ doc-subtab: media-object

- +

@@ -320,7 +186,7 @@ doc-subtab: media-object

- +

@@ -340,7 +206,7 @@ doc-subtab: media-object

- +

@@ -352,6 +218,12 @@ doc-subtab: media-object

+{% endcapture %} +
+{{media_nested_example}} +
+{% highlight html %} +{{media_nested_example}} {% endhighlight %}
diff --git a/docs/documentation/components/menu.html b/docs/documentation/components/menu.html index 74a3aebe..6e962954 100644 --- a/docs/documentation/components/menu.html +++ b/docs/documentation/components/menu.html @@ -13,79 +13,52 @@ doc-subtab: menu
-
-
- -
-
-{% highlight html %} +{% capture menu_example %} +{% endcapture %} +
+
+{{menu_example}} +
+
+{% highlight html %} +{{menu_example}} {% endhighlight %} -
-
+
+
+
diff --git a/docs/documentation/components/message.html b/docs/documentation/components/message.html index 3cc61f2c..5398828f 100644 --- a/docs/documentation/components/message.html +++ b/docs/documentation/components/message.html @@ -15,233 +15,135 @@ doc-subtab: message
-
-
-
-
- Hello World -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Primary -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Info -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Success -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Warning -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Danger -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
-{% highlight html %} +{% capture message_example %}
- Hello World +

Hello World

+
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque risus mi, tempus quis placerat ut, porta nec - nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam - gravida purus diam, et dictum felis venenatis efficitur. - Aenean ac eleifend lacus, in mollis lectus. Donec sodales, - arcu et sollicitudin porttitor, tortor urna tempor ligula, - id porttitor mi magna a neque. Donec dui urna, vehicula et - sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+

Dark

+ +
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
-
- Primary +

Primary

+
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque risus mi, tempus quis placerat ut, porta nec - nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam - gravida purus diam, et dictum felis venenatis efficitur. - Aenean ac eleifend lacus, in mollis lectus. Donec sodales, - arcu et sollicitudin porttitor, tortor urna tempor ligula, - id porttitor mi magna a neque. Donec dui urna, vehicula et - sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
-
- Info +

Info

+
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque risus mi, tempus quis placerat ut, porta nec - nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam - gravida purus diam, et dictum felis venenatis efficitur. - Aenean ac eleifend lacus, in mollis lectus. Donec sodales, - arcu et sollicitudin porttitor, tortor urna tempor ligula, - id porttitor mi magna a neque. Donec dui urna, vehicula et - sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
-
- Success +

Success

+
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque risus mi, tempus quis placerat ut, porta nec - nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam - gravida purus diam, et dictum felis venenatis efficitur. - Aenean ac eleifend lacus, in mollis lectus. Donec sodales, - arcu et sollicitudin porttitor, tortor urna tempor ligula, - id porttitor mi magna a neque. Donec dui urna, vehicula et - sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
-
- Warning +

Warning

+
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque risus mi, tempus quis placerat ut, porta nec - nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam - gravida purus diam, et dictum felis venenatis efficitur. - Aenean ac eleifend lacus, in mollis lectus. Donec sodales, - arcu et sollicitudin porttitor, tortor urna tempor ligula, - id porttitor mi magna a neque. Donec dui urna, vehicula et - sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
-
- Danger +

Danger! Learn more

+
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque risus mi, tempus quis placerat ut, porta nec - nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam - gravida purus diam, et dictum felis venenatis efficitur. - Aenean ac eleifend lacus, in mollis lectus. Donec sodales, - arcu et sollicitudin porttitor, tortor urna tempor ligula, - id porttitor mi magna a neque. Donec dui urna, vehicula et - sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+{% endcapture %} +
+
+{{message_example}} +
+
+{% highlight html %} +{{message_example}} {% endhighlight %} -
-
+
+
-

Message body only

- -
-

You can omit the message header:

-
- -
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. -
-
-
-
-{% highlight html %} +

Message body only

+
+

You can omit the message header:

+
+{% capture message_body_example %}
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.
+{% endcapture %} +
+
+{{message_body_example}} +
+
+{% highlight html %} +{{message_body_example}} {% endhighlight %} -
-
+
+
+ diff --git a/docs/documentation/components/modal.html b/docs/documentation/components/modal.html index b2eb79f3..1e17e633 100644 --- a/docs/documentation/components/modal.html +++ b/docs/documentation/components/modal.html @@ -75,7 +75,7 @@ doc-subtab: modal

- +

@@ -122,7 +122,7 @@ doc-subtab: modal
- Image + Image
@@ -157,7 +157,7 @@ doc-subtab: modal

- +

diff --git a/docs/documentation/components/nav.html b/docs/documentation/components/nav.html index 10d99f60..03a9807d 100644 --- a/docs/documentation/components/nav.html +++ b/docs/documentation/components/nav.html @@ -24,6 +24,9 @@ doc-subtab: nav
  • nav-center
  • nav-right
    • +

    + Each nav item needs to be wrapped in a nav-item element. +

    For responsiveness, 2 additional classes are available:

    @@ -33,41 +36,45 @@ doc-subtab: nav
    -
    +{% capture nav_example %} +{% endcapture %} + +
    +{{nav_example}}
    {% highlight html %} -     - +{{nav_example}} {% endhighlight %}
    @@ -156,45 +114,52 @@ doc-subtab: nav
  • the nav-item can become active by adding the is-active modifier
  • the nav-item can become a tab by adding the is-tab modifier
    • +

    + To optimise the space on desktop, but also allow the mobile view to be usable, you can duplicate nav items in both nav-left and nav-right, and show/hide them with responsive helpers. +

    -
    +{% capture nav_tabs_example %} +{% endcapture %} + +
    +{{nav_tabs_example}}
    {% highlight html %} - +{{nav_tabs_example}} {% endhighlight %} diff --git a/docs/documentation/components/pagination.html b/docs/documentation/components/pagination.html index 0035f58f..95cff37d 100644 --- a/docs/documentation/components/pagination.html +++ b/docs/documentation/components/pagination.html @@ -13,63 +13,146 @@ doc-subtab: pagination
    -
    - +
    +

    + The pagination component consists of several elements: +

    +
      +
    • + pagination-previous and pagination-next for incremental navigation +
      • +
    • + pagination-list which displays page items: +
        +
      • + pagination-link for the page numbers +
        • +
      • + pagination-ellipsis for range separators +
        • +
      +
      • +
    +

    + All elements are optional so you can compose your pagination as you wish. +

    -{% highlight html %} + +{% capture pagination_example %} +{% endcapture %} +
    +{{pagination_example}} +
    +{% highlight html %} +{{pagination_example}} {% endhighlight %} + +
    +

    + You can disable some links if they are not active, or change the amount of page numbers available. +

    +
    + +{% capture pagination_options_example %} + +{% endcapture %} +
    +{{pagination_options_example}} +
    +{% highlight html %} +{{pagination_options_example}} +{% endhighlight %} + +
    +

    + By default, the list is located on the left, and the previous/next buttons on the right. But you can change the order of these elements by using the is-centered and is-right modifiers. +

    +
    + +{% capture pagination_centered_example %} + +{% endcapture %} +
    +{{pagination_centered_example}} +
    +{% highlight html %} +{{pagination_centered_example}} +{% endhighlight %} + +{% capture pagination_right_example %} + +{% endcapture %} +
    +{{pagination_right_example}} +
    +{% highlight html %} +{{pagination_right_example}} +{% endhighlight %} +
    diff --git a/docs/documentation/components/panel.html b/docs/documentation/components/panel.html index 0def19fe..da5656af 100644 --- a/docs/documentation/components/panel.html +++ b/docs/documentation/components/panel.html @@ -13,92 +13,88 @@ doc-subtab: panel
    -
    -
    - -
    -
    -{% highlight html %} +
    +

    + The panel is container for several types: +

    +
      +
    • + panel-heading as the first child +
      • +
    • + panel-tabs for navigation +
      • +
    • + panel-block which can contain other elements, like: +
        +
      • control
        • +
      • input
        • +
      • button
        • +
      • panel-icon
        • +
      +
      • +
    +

    + The panel-block can be an anchor tag <a> or a label <label> with a checkbox inside. +

    +
    + +{% capture panel_example %}
    +{% endcapture %} +
    +
    +{{panel_example}} +
    +
    +{% highlight html %} +{{panel_example}} {% endhighlight %}
    +
    diff --git a/docs/documentation/components/tabs.html b/docs/documentation/components/tabs.html index 0faebadb..ecd40370 100644 --- a/docs/documentation/components/tabs.html +++ b/docs/documentation/components/tabs.html @@ -18,17 +18,7 @@ doc-subtab: tabs The default tabs style has a single border at the bottom.

    -
    -
    - -
    -
    -{% highlight html %} +{% capture tabs_example %}
    +{% endcapture %} +
    +{{tabs_example}} +
    +{% highlight html %} +{{tabs_example}} {% endhighlight %}

    Alignment

    -

    To align the tabs list, use the is-centered or is-right modifier on the .tabs container:

    - -
    -
    - -
    -
    -{% highlight html %} +{% capture tabs_centered_example %}
    +{% endcapture %} +
    +{{tabs_centered_example}} +
    +{% highlight html %} +{{tabs_centered_example}} {% endhighlight %} -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_right_example %}
    -{% endhighlight %} - -
    -

    - To have several lists aligned differently, use one of 3 modifiers on the ul: -

    -
      -
    • is-left
      • -
    • is-center
      • -
    • is-right
      • -
    -
    - +{% endcapture %}
    -
    - - - -
    +{{tabs_right_example}}
    - {% highlight html %} -
    - - - -
    +{{tabs_right_example}} {% endhighlight %}

    Icons

    -

    You can use any of the Font Awesome icons.

    -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_icons_example %}
    • @@ -209,6 +113,12 @@ doc-subtab: tabs
    +{% endcapture %} +
    +{{tabs_icons_example}} +
    +{% highlight html %} +{{tabs_icons_example}} {% endhighlight %}
    @@ -217,19 +127,7 @@ doc-subtab: tabs

    You can choose between 3 additional sizes: is-small is-medium and is-large.

    - -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_small_example %}
    +{% endcapture %} +
    +{{tabs_small_example}} +
    +{% highlight html %} +{{tabs_small_example}} {% endhighlight %} -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_medium_example %}
    +{% endcapture %} +
    +{{tabs_medium_example}} +
    +{% highlight html %} +{{tabs_medium_example}} {% endhighlight %} -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_large_example %}
    +{% endcapture %} +
    +{{tabs_large_example}} +
    +{% highlight html %} +{{tabs_large_example}} {% endhighlight %}
    @@ -290,39 +184,7 @@ doc-subtab: tabs
    If you want a more classic style with borders, just append the is-boxed modifier.
    - -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_boxed_example %}
    • @@ -351,44 +213,18 @@ doc-subtab: tabs
    +{% endcapture %} +
    +{{tabs_boxed_example}} +
    +{% highlight html %} +{{tabs_boxed_example}} {% endhighlight %}

    If you want mutually exclusive tabs (like radio buttons where clicking one deselects all other ones), use the is-toggle modifier.

    - -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_toggle_example %}
    +{% endcapture %} +
    +{{tabs_toggle_example}} +
    +{% highlight html %} +{{tabs_toggle_example}} {% endhighlight %}

    If you want the tabs to take up the whole width available, use is-fullwidth.

    -
    -
    - -
    -
    -{% highlight html %} +{% capture tabs_fullwidth_example %}
    • @@ -469,6 +287,12 @@ doc-subtab: tabs
    +{% endcapture %} +
    +{{tabs_fullwidth_example}} +
    +{% highlight html %} +{{tabs_fullwidth_example}} {% endhighlight %}
    @@ -477,39 +301,7 @@ doc-subtab: tabs

    You can combine different modifiers. For example, you can have centered boxed tabs, or fullwidth toggle ones.

    - -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_centered_boxed_example %}
    • @@ -538,40 +330,15 @@ doc-subtab: tabs
    +{% endcapture %} +
    +{{tabs_centered_boxed_example}} +
    +{% highlight html %} +{{tabs_centered_boxed_example}} {% endhighlight %} -
    -
    - -
    -
    - -{% highlight html %} +{% capture toggle_fullwidth_example %}
    • @@ -600,40 +367,15 @@ doc-subtab: tabs
    +{% endcapture %} +
    +{{tabs_toggle_fullwidth_example}} +
    +{% highlight html %} +{{tabs_toggle_fullwidth_example}} {% endhighlight %} -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_centered_boxed_medium_example %}
    • @@ -662,40 +404,15 @@ doc-subtab: tabs
    +{% endcapture %} +
    +{{tabs_centered_boxed_medium_example}} +
    +{% highlight html %} +{{tabs_centered_boxed_medium_example}} {% endhighlight %} -
    -
    - -
    -
    - -{% highlight html %} +{% capture tabs_toggle_fullwidth_large_example %}
    • @@ -724,6 +441,12 @@ doc-subtab: tabs
    +{% endcapture %} +
    +{{tabs_toggle_fullwidth_large_example}} +
    +{% highlight html %} +{{tabs_toggle_fullwidth_large_example}} {% endhighlight %} diff --git a/docs/documentation/elements/box.html b/docs/documentation/elements/box.html index 392e7ca7..f60f8194 100644 --- a/docs/documentation/elements/box.html +++ b/docs/documentation/elements/box.html @@ -31,7 +31,7 @@ doc-subtab: box
    - Image + Image
    @@ -66,7 +66,7 @@ doc-subtab: box
    - Image + Image
    diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html index 5d4d45cf..d3dfb4cd 100644 --- a/docs/documentation/elements/button.html +++ b/docs/documentation/elements/button.html @@ -15,267 +15,410 @@ doc-subtab: button
    -
    -
    -
    - Button - White - Light - Dark - Black - Link -
    -
    - Primary - Info - Success - Warning - Danger -
    -
    -
    +{% capture button_example %} +
    + Button + White + Light + Dark + Black + Link +
    +
    + Primary + Info + Success + Warning + Danger +
    +{% endcapture %} +
    +
    +{{button_example}} +
    +
    {% highlight html %} -Button -Primary -Info -Success -Warning -Danger -Link +{{button_example}} {% endhighlight %} -
    -
    +
    +

    Sizes

    -
    -
    - Small - Normal - Medium - Large -
    -
    -{% highlight html %} +{% capture button_sizes_example %} Small Normal Medium Large +{% endcapture %} +
    +
    +{{button_sizes_example}} +
    +
    +{% highlight html %} +{{button_sizes_example}} {% endhighlight %} -
    -
    +
    +

    Styles

    Outlined

    - -
    -
    - Outlined - Outlined - Outlined - Outlined - Outlined -
    -
    -{% highlight html %} +{% capture button_outlined_example %} Outlined Outlined Outlined Outlined Outlined +{% endcapture %} +
    +
    +{{button_outlined_example}} +
    +
    +{% highlight html %} +{{button_outlined_example}} {% endhighlight %} -
    -
    +
    +

    Inverted (the text color becomes the background color, and vice-versa)

    -
    -
    -
    - Inverted - Inverted - Inverted - Inverted -
    -
    -
    -{% highlight html %} +{% capture button_inverted_example %} Inverted Inverted Inverted Inverted -{% endhighlight %} -
    +{% endcapture %} +
    +
    +
    +{{button_inverted_example}}
    +
    +
    +{% highlight html %} +{{button_inverted_example}} +{% endhighlight %} +
    +
    + +

    Invert Outlined (the invert color becomes the text and border colors)

    + +{% capture button_inverted_outlined_example %} +Invert Outlined +Invert Outlined +Invert Outlined +Invert Outlined +{% endcapture %} +
    +
    +
    +{{button_inverted_outlined_example}} +
    +
    +
    +{% highlight html %} +{{button_inverted_outlined_example}} +{% endhighlight %} +
    +

    States

    -

    Loading

    +

    Normal

    -
    -
    - Loading - Loading - Loading - Loading - Loading - Loading -
    -
    +{% capture button_normal_example %} +Normal +Normal +Normal +Normal +Normal +Normal +{% endcapture %} +
    +
    +{{button_normal_example}} +
    +
    {% highlight html %} -Loading -Loading -Loading -Loading -Loading -Loading +{{button_normal_example}} {% endhighlight %} -
    -
    +
    +
    + +

    Hover

    + +{% capture button_hover_example %} +Hover +Hover +Hover +Hover +Hover +Hover +{% endcapture %} +
    +
    +{{button_hover_example}} +
    +
    +{% highlight html %} +{{button_hover_example}} +{% endhighlight %} +
    +
    + +

    Focus

    + +{% capture button_focus_example %} +Focus +Focus +Focus +Focus +Focus +Focus +{% endcapture %} +
    +
    +{{button_focus_example}} +
    +
    +{% highlight html %} +{{button_focus_example}} +{% endhighlight %} +
    +

    Active

    -
    -
    - Active - Active - Active - Active - Active - Active -
    -
    -{% highlight html %} +{% capture button_active_example %} Active Active Active Active Active Active +{% endcapture %} +
    +
    +{{button_active_example}} +
    +
    +{% highlight html %} +{{button_active_example}} {% endhighlight %} -
    -
    +
    +
    + +

    Loading

    + +{% capture button_loading_example %} +Loading +Loading +Loading +Loading +Loading +Loading +{% endcapture %} +
    +
    +{{button_loading_example}} +
    +
    +{% highlight html %} +{{button_loading_example}} +{% endhighlight %} +
    +

    Disabled

    -
    -
    - Disabled - Disabled - Disabled - Disabled - Disabled - Disabled -
    -
    -{% highlight html %} +{% capture button_disabled_example %} Disabled Disabled Disabled Disabled Disabled Disabled +{% endcapture %} +
    +
    +{{button_disabled_example}} +
    +
    +{% highlight html %} +{{button_disabled_example}} {% endhighlight %} -
    -
    +
    +

    With Font Awesome icons

    -
    -
    -

    - - - - - GitHub - - - - - - Twitter - - - - - - Save - - - Delete - - - - -

    -

    - - - - - GitHub - - - - - - GitHub - - - - - - GitHub - - - - - - GitHub - -

    -
    -
    +{% capture button_fa_example %} +

    + + + + + + + + + + + + + + + +

    +

    + + + + + GitHub + + + + + + Twitter + + + + + + Save + + + Delete + + + + +

    +

    + + + + + GitHub + + + + + + GitHub + + + + + + GitHub + + + + + + GitHub + +

    +{% endcapture %} +
    +
    +{{button_fa_example}} +
    +
    {% highlight html %} - - - - - GitHub - - - - - - Twitter - - - - - - Save - - - Delete - - - - - - - - - Delete - +{{button_fa_example}} {% endhighlight %} -
    +
    +
    + +
    +
    +
    +

    + New! +

    +

    + If the button only contains an icon, Bulma will make sure the button remains square, no matter the size of the button or of the icon. +

    +{% capture button_only_icon_example %} +

    + + + + + +

    +

    + + + + + + + + + + +

    +

    + + + + + + + + + + + + + + + +

    +

    + + + + + + + + + + + + + + + + + + + + +

    +{% endcapture %} +{{button_only_icon_example}} +
    +
    +{% highlight html %} +{{button_only_icon_example}} +{% endhighlight %} +
    +
    @@ -283,26 +426,7 @@ doc-subtab: button

    If you want to group buttons together, use the is-grouped modifier on the control container:

    -
    -
    -

    - - Save changes - -

    -

    - - Cancel - -

    -

    - - Delete post - -

    -
    -
    -{% highlight html %} +{% capture button_group_example %}

    @@ -320,6 +444,12 @@ doc-subtab: button

    +{% endcapture %} +
    +{{button_group_example}} +
    +{% highlight html %} +{{button_group_example}} {% endhighlight %}
    @@ -328,29 +458,7 @@ doc-subtab: button

    If you want to use buttons as addons, use the has-addons modifier on the control container:

    -
    -

    - - - - - Left - - - - - - Center - - - - - - Right - -

    -
    -{% highlight html %} +{% capture button_addons_example %}

    @@ -371,6 +479,69 @@ doc-subtab: button Right

    +{% endcapture %} +
    +{{button_addons_example}} +
    +{% highlight html %} +{{button_addons_example}} +{% endhighlight %} + +
    + +

    Button group with addons

    +
    +

    You can group together addons as well:

    +
    +{% capture button_group_addons_example %} +
    +

    + + + + + Bold + + + + + + Italic + + + + + + Underline + +

    +

    + + + + + Left + + + + + + Center + + + + + + Right + +

    +
    +{% endcapture %} +
    +{{button_group_addons_example}} +
    +{% highlight html %} +{{button_group_addons_example}} {% endhighlight %}
    diff --git a/docs/documentation/elements/content.html b/docs/documentation/elements/content.html index aefa873b..9acc9855 100644 --- a/docs/documentation/elements/content.html +++ b/docs/documentation/elements/content.html @@ -19,55 +19,16 @@ doc-subtab: content

    When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use content as container. It can handle almost any HTML tag:

    • <p> paragraphs
      • -
    • <ul> <ol> <dl> lists
      • +
    • <ul> <ol> <dl> lists
    • <h1> to <h6> headings
    • <blockquotes> quotes
    • <em> and <strong>
      • -
    • <table> <tr> <th> <td> tables
      • +
    • <table> <tr> <th> <td> tables
    -

    This content class can be used in any, whenever you just want to write some text. For example, it's used for the paragraph you're currently reading.

    +

    This content class can be used in any context where you just want to (or can only) write some text. For example, it's used for the paragraph you're currently reading.

    -
    -
    -

    Hello World

    -

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

    -

    Second level

    -

    Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

    -
      -
    • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
      • -
    • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
      • -
    • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
      • -
    • Ut non enim metus.
      • -
    -

    Third level

    -

    Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

    -
      -
    1. Donec blandit a lorem id convallis.
      2. -
    2. Cras gravida arcu at diam gravida gravida.
      3. -
    3. Integer in volutpat libero.
      4. -
    4. Donec a diam tellus.
      5. -
    5. Aenean nec tortor orci.
      6. -
    6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
      7. -
    7. Vivamus maximus ultricies pulvinar.
      8. -
    -
    Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
    -

    Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

    -

    Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

    -

    Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

    -

    Fourth level

    -

    Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

    -

    Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

    -

    Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

    -
    Fifth level
    -

    Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

    -
    Sixth level
    -

    Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

    - -
    -
    - -{% highlight html %} +{% capture content_example %}

    Hello World

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

    @@ -97,6 +58,36 @@ doc-subtab: content

    Fourth level

    Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

    Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    OneTwo
    ThreeFour
    FiveSix
    SevenEight
    NineTen
    ElevenTwelve

    Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

    Fifth level

    Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

    @@ -104,13 +95,35 @@ doc-subtab: content

    Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

    +{% endcapture %} + +
    + {{content_example}} +
    + +{% highlight html %} +{{content_example}} {% endhighlight %}

    Sizes

    -

    You can use the is-medium and is-large modifiers to change the font size.

    +

    You can use the is-small, is-medium and is-large modifiers to change the font size.

    +
    +
    +
    +

    Hello World

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

    +

    Second level

    +

    Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

    +
      +
    • In fermentum leo eu lectus mollis, quis dictum mi aliquet.
      • +
    • Morbi eu nulla lobortis, lobortis est in, fringilla felis.
      • +
    • Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
      • +
    • Ut non enim metus.
      • +
    +
    diff --git a/docs/documentation/elements/delete.html b/docs/documentation/elements/delete.html new file mode 100644 index 00000000..e5aa6941 --- /dev/null +++ b/docs/documentation/elements/delete.html @@ -0,0 +1,105 @@ +--- +layout: documentation +doc-tab: elements +doc-subtab: delete +--- + +{% include subnav-elements.html %} + +
    +
    +

    Delete

    +

    + A versatile delete cross +

    + +
    + +
    +

    + The .delete element is a stand-alone element that can be used in different contexts. +

    +
    + +{% capture cross_example %} + +{% endcapture %} +
    +
    +
    +

    + On its own, it's a simple circle with a cross: +

    +
    + {{cross_example}} +
    +
    +{% highlight html %} +{{cross_example}} +{% endhighlight %} +
    +
    + +{% capture cross_sizes_example %} + + + + +{% endcapture %} +
    +
    +
    +

    + It comes in 4 sizes: +

    +
    + {{cross_sizes_example}} +
    +
    +{% highlight html %} +{{cross_sizes_example}} +{% endhighlight %} +
    +
    + +{% capture cross_elements_example %} +
    + + Hello World + + +
    + +
    + + Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur adipiscing elit +
    + +
    +
    + Info + +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem. +
    +
    +{% endcapture %} +
    +
    +
    +

    + Bulma uses it for the tags, the notifications, and the messages: +

    +
    + {{cross_elements_example}} +
    +
    +{% highlight html %} +{{cross_elements_example}} +{% endhighlight %} +
    +
    + +
    +
    diff --git a/docs/documentation/elements/form.html b/docs/documentation/elements/form.html index 7b448de2..535b45f6 100644 --- a/docs/documentation/elements/form.html +++ b/docs/documentation/elements/form.html @@ -30,60 +30,7 @@ doc-subtab: form

    When combining several controls in a form, use the .control class as a container, to keep the spacing consistent.

    -
    -
    - -

    - -

    - -

    - - - This username is available -

    - -

    - - - This email is invalid -

    - -

    - - - -

    - -

    - -

    -

    - -

    -

    - - -

    -

    - - -

    -
    -
    -{% highlight html %} +{% capture form_example %}

    @@ -91,13 +38,17 @@ doc-subtab: form

    - + + + This username is available

    - + + + This email is invalid

    @@ -129,10 +80,23 @@ doc-subtab: form No

    -

    - - -

    +
    +

    + +

    +

    + +

    +
    +{% endcapture %} + +
    +
    + {{form_example}} +
    +
    +{% highlight html %} +{{form_example}} {% endhighlight %}
    @@ -140,26 +104,7 @@ doc-subtab: form

    Colors

    -
    -
    -

    - -

    -

    - -

    -

    - -

    -

    - -

    -

    - -

    -
    -
    -{% highlight html %} +{% capture colors_example %}

    @@ -175,62 +120,21 @@ doc-subtab: form

    +{% endcapture %} +
    +
    + {{colors_example}} +
    +
    +{% highlight html %} +{{colors_example}} {% endhighlight %}
    -

    Sizes

    -
    -
    -

    - -

    -

    - -

    -

    - -

    -

    - -

    -

    - - - -

    -

    - - - -

    -

    - - - -

    -

    - - - -

    -
    -
    -{% highlight html %} +{% capture sizes_example %}

    @@ -243,6 +147,47 @@ doc-subtab: form

    +

    + + + +

    +

    + + + +

    +

    + + + +

    +

    + + + +

    +{% endcapture %} +

    Sizes

    +
    +
    + {{sizes_example}} +
    +
    +{% highlight html %} +{{sizes_example}} {% endhighlight %}
    @@ -250,60 +195,88 @@ doc-subtab: form

    States

    -

    Loading

    +

    Normal

    +{% capture normal_example %} +

    + +

    +

    + +

    +{% endcapture %}
    -

    - -

    -

    - -

    +{{normal_example}}
    {% highlight html %} +{{normal_example}} +{% endhighlight %} +
    +
    + +

    Hover

    +{% capture hover_example %} +

    + +

    +

    + +

    +{% endcapture %} +
    +
    + {{hover_example}} +
    +
    +{% highlight html %} +{{hover_example}} +{% endhighlight %} +
    +
    + +

    Focus

    +{% capture focus_example %} +

    + +

    +

    + +

    +{% endcapture %} +
    +
    +{{focus_example}} +
    +
    +{% highlight html %} +{{focus_example}} +{% endhighlight %} +
    +
    + +

    Loading

    +{% capture loading_example %}

    +{% endcapture %} +
    +
    +{{loading_example}} +
    +
    +{% highlight html %} +{{loading_example}} {% endhighlight %}

    Disabled

    -
    -
    -

    - -

    -

    - -

    -

    - -

    -

    - - -

    -

    - - -

    -
    -
    -{% highlight html %} +{% capture disabled_example %}

    @@ -326,150 +299,205 @@ doc-subtab: form No

    -

    - - -

    +
    +

    + +

    +

    + +

    +
    +{% endcapture %} +
    +
    +{{disabled_example}} +
    +
    +{% highlight html %} +{{disabled_example}} {% endhighlight %}

    With Font Awesome icons

    -
    -
    -

    - - -

    -

    - - -

    -

    - -

    -
    -
    -{% highlight html %} +{% capture icons_example %}

    - + + +

    - + + +

    -{% endhighlight %} -
    -
    +{% endcapture %}
    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    +{{icons_example}}
    {% highlight html %} -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    - - -

    - +{{icons_example}} {% endhighlight %}
    +{% capture icons_sizes_example %} +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +{% endcapture %} +
    +
    +
    +

    + New! +

    +

    + If the control contains an icon, Bulma will make sure the icon remains centered, no matter the size of the input or of the icon. +

    +
    + {{icons_sizes_example}} +
    +
    +{% highlight html %} +{{icons_sizes_example}} +{% endhighlight %} +
    +
    + +{% capture icons_sizes_right_example %} +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +

    + + + + +

    +{% endcapture %} +
    +
    +
    +

    + By appending the has-icon-right, the icon will be placed on the right side instead. +

    +
    + {{icons_sizes_right_example}} +
    +
    +{% highlight html %} +{{icons_sizes_right_example}} +{% endhighlight %} +
    +
    +

    Form addons

    If you want to attach controls together, use the has-addons modifier on the control container:

    -
    -

    - - - Search - -

    -
    -{% highlight html %} +{% capture addons_example %}

    Search

    +{% endcapture %} +
    +{{addons_example}} +
    +{% highlight html %} +{{addons_example}} {% endhighlight %}

    You can attach inputs, buttons, and dropdowns only.

    Use the is-expanded modifier on the element you want to fill up the remaing space (in this case, the input):

    -
    +{% capture addons_expanded_example %}

    + + + + + + + + Transfer + +

    +{% endcapture %} +
    +{{addons_expanded_example}}
    {% highlight html %} -

    - - - - - - Transfer - -

    +{{addons_expanded_example}} {% endhighlight %}

    Use the has-addons-centered or the has-addons-right modifers to alter the alignment.

    -
    +{% capture addons_center_example %}

    - - - - - - - - Transfer - -

    +{{addons_center_example}} {% endhighlight %} -
    +{% capture addons_right_example %}

    - - - - - - - - Transfer - -

    +{{addons_right_example}} {% endhighlight %}

    Form group

    -

    If you want to group controls together, use the is-grouped modifier on the control container:

    +

    + If you want to group controls together, use the is-grouped modifier on the control container. +
    + Add the is-expanded modifier on the control element you want to fill up the remaining space. +

    -
    +{% capture group_example %}

    @@ -580,22 +598,13 @@ doc-subtab: form

    +{% endcapture %} +
    +{{group_example}}
    {% highlight html %} -
    -

    - -

    -

    - - Search - -

    -
    +{{group_example}} {% endhighlight %} -
    -

    Add the is-expanded modifier on the control element you want to fill up the remaining space.

    -
    @@ -612,40 +621,7 @@ doc-subtab: form

    You can of course use is-grouped or has-addons for the child elements.

    -
    -
    - -
    -
    -

    - -

    -

    - -

    -
    -
    -
    -
    - -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    - -
    -
    -{% highlight html %} +{% capture horizontal_form_example %}
    @@ -679,6 +655,10 @@ doc-subtab: form
    +{% endcapture %} +{{horizontal_form_example}} +{% highlight html %} +{{horizontal_form_example}} {% endhighlight %}
    diff --git a/docs/documentation/elements/icon.html b/docs/documentation/elements/icon.html index 2f3c422f..4b231986 100644 --- a/docs/documentation/elements/icon.html +++ b/docs/documentation/elements/icon.html @@ -16,23 +16,24 @@ doc-subtab: icon
    -

    Because the icons can take a few seconds to load, and because you want control over the space the icons will take, you can use the icon class:

    +

    Because the icons can take a few seconds to load, and because you want control over the space the icons will take, you can use the icon class as a container:

    -
    - - - -
    - -{% highlight html %} +{% capture icon_example %} +{% endcapture %} +
    + {{icon_example}} +
    + +{% highlight html %} +{{icon_example}} {% endhighlight %}
    -

    The icon container will take up exactly 24 x 24 pixels. The icon itself is sized at 21px.

    +

    The icon container will take up exactly 1.5rem x 1.5rem. The icon itself is sized at 21px.

    @@ -57,25 +58,25 @@ doc-subtab: icon icon is-small 14px - 16x16px + 1rem x 1rem icon 21px - 24x24px + 1.5rem x 1.5rem icon is-medium 28px - 32x32px + 2rem x 2rem icon is-large 42px - 48x48px + 3rem x 3rem diff --git a/docs/documentation/elements/image.html b/docs/documentation/elements/image.html index 3b7b444f..d5fa8d07 100644 --- a/docs/documentation/elements/image.html +++ b/docs/documentation/elements/image.html @@ -21,13 +21,13 @@ doc-subtab: image
    - +
    {% highlight html %}
    - +
    {% endhighlight %} @@ -42,37 +42,37 @@ doc-subtab: image image is-16x16 -
    +
    16x16px image is-24x24 -
    +
    24x24px image is-32x32 -
    +
    32x32px image is-48x48 -
    +
    48x48px image is-64x64 -
    +
    64x64px image is-96x96 -
    +
    96x96px image is-128x128 -
    +
    128x128px @@ -86,13 +86,13 @@ doc-subtab: image
    - +
    {% highlight html %}
    - +
    {% endhighlight %} @@ -108,32 +108,32 @@ doc-subtab: image image is-square -
    +
    Square (or 1by1) image is-1by1 -
    +
    1 by 1 image is-4by3 -
    +
    4 by 3 image is-3by2 -
    +
    3 by 2 image is-16by9 -
    +
    16 by 9 image is-2by1 -
    +
    2 by 1 diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html index b00b4aaa..a599aa91 100644 --- a/docs/documentation/elements/table.html +++ b/docs/documentation/elements/table.html @@ -13,210 +13,312 @@ doc-subtab: table
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Open source projectsYear startedLinks
    Open source projectsYear startedLinks
    - - - Android - - 2003 - - - - - - - - - - - - -
    - - - Firefox - - 2003 - - - - - - - - - - - - -
    - - - Linux - - 2003 - - - - - - - - - - - - -
    - - - WordPress - - 2003 - - - - - - - - - - - - -
    -
    - -{% highlight html %} +{% capture table_example %} - - - - + + + + + + + + + + + - - - - + + + + + + + + + + + - - - - + + + + + + + + + + - - - - + + + + + + + + + + + - - - - + + + + + + + + + + + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameInstrumentPosTeamPldWDLGFGAGDPtsQualification or relegation
    NameInstrumentPosTeamPldWDLGFGAGDPtsQualification or relegation
    Misty AbbottBass Guitar - - - - - - - + 1Leicester City (C) 38231236836+3281Qualification for the Champions League group stage
    John SmithRhythm Guitar - - - - - - - - 2Arsenal38201176536+2971Qualification for the Champions League group stage
    Robert MikelsLead Guitar - - - - - - - - 3Tottenham Hotspur38191366935+3470Qualification for the Champions League group stage
    Karyn HolmbergDrums - - - + 4Manchester City38199107141+3066Qualification for the Champions League play-off round
    5Manchester United38199104935+1466Qualification for the Europa League group stage
    6Southampton38189115941+1863Qualification for the Europa League group stage
    7West Ham United38161486551+1462Qualification for the Europa League third qualifying round
    8Liverpool381612106350+1360
    9Stoke City38149154155−1451
    10Chelsea381214125953+650
    11Everton381114135955+447
    12Swansea City381211154252−1047
    13Watford38129174050−1045
    14West Bromwich Albion381013153448−1443
    15Crystal Palace38119183951−1242
    16AFC Bournemouth38119184567−2242
    17Sunderland38912174862−1439
    18Newcastle United (R) - - - + 38910194465−2137Relegation to the Football League Championship
    19Norwich City (R) 3897223967−2834Relegation to the Football League Championship
    20Aston Villa (R) + 3838272776−4917Relegation to the Football League Championship
    +{% endcapture %} + +
    + {{table_example}} +
    + +{% highlight html %} +{{table_example}} {% endhighlight %}
    @@ -276,6 +378,14 @@ doc-subtab: table Seven Eight + + Nine + Ten + + + Eleven + Twelve +
    @@ -309,6 +419,14 @@ doc-subtab: table Seven Eight + + Nine + Ten + + + Eleven + Twelve +
    @@ -342,6 +460,14 @@ doc-subtab: table Seven Eight + + Nine + Ten + + + Eleven + Twelve +
    diff --git a/docs/documentation/elements/tag.html b/docs/documentation/elements/tag.html index 8335fc53..aa69c481 100644 --- a/docs/documentation/elements/tag.html +++ b/docs/documentation/elements/tag.html @@ -17,7 +17,7 @@ doc-subtab: tag
    - By default, a tag is a 24px high label. + By default, a tag is a 1.5rem high label.
    @@ -35,14 +35,29 @@ doc-subtab: tag
    - There are 6 different colors available. + Like with buttons, there are 9 different colors available.
    +

    + + Black + +

    Dark

    +

    + + Light + +

    +

    + + White + +

    Primary @@ -69,7 +84,10 @@ doc-subtab: tag

    {% highlight html %} +Black Dark +Light +White Primary Info Success @@ -81,14 +99,9 @@ doc-subtab: tag
    - And 3 additional sizes. + And 2 additional sizes.
    -

    - - Small - -

    Medium @@ -102,7 +115,6 @@ doc-subtab: tag

    {% highlight html %} -Small Medium Large {% endhighlight %} @@ -114,12 +126,6 @@ doc-subtab: tag You can also append a delete button.
    -

    - - Foo - - -

    Bar @@ -141,10 +147,6 @@ doc-subtab: tag

    {% highlight html %} - - Foo - - Bar diff --git a/docs/documentation/grid/columns.html b/docs/documentation/grid/columns.html index 9009a6cb..10eace29 100644 --- a/docs/documentation/grid/columns.html +++ b/docs/documentation/grid/columns.html @@ -17,6 +17,7 @@ doc-subtab: columns
  • Add a columns container
  • Add as many column elements as you want
    • +

    Each column will have an equal width, no matter the number of columns.

    diff --git a/docs/documentation/grid/tiles.html b/docs/documentation/grid/tiles.html index 85995507..8571f67a 100644 --- a/docs/documentation/grid/tiles.html +++ b/docs/documentation/grid/tiles.html @@ -44,7 +44,7 @@ doc-subtab: tiles

    Middle tile

    With an image

    - +
    @@ -93,7 +93,7 @@ doc-subtab: tiles

    Middle tile

    With an image

    - +
    @@ -383,7 +383,7 @@ tile is-ancestor

    Middle box

    With an image

    - +
    @@ -490,7 +490,7 @@ tile is-ancestor

    Middle box

    With an image

    - +
    @@ -583,7 +583,7 @@ tile is-ancestor

    Middle box

    With an image

    - +
    diff --git a/docs/documentation/layout/container.html b/docs/documentation/layout/container.html index f3c71f8a..7a243901 100644 --- a/docs/documentation/layout/container.html +++ b/docs/documentation/layout/container.html @@ -24,7 +24,9 @@ doc-subtab: container
  • .footer

    • On mobile and tablet, the container will have a margin of 20px on both the left and right sides.

    -

    On desktop (> 980px), the container will have a maximum width of 960px and will be horizontally centered.

    +

    On desktop (>= 1000px), the container will have a maximum width of 960px and will be horizontally centered.

    +

    On widescreen (>= 1192px), the container will have a maximum width of 1152px.

    +

    The values 960 and 1152 have been chosen because they are divisible by both 12 and 16.

    @@ -51,6 +53,7 @@ doc-subtab: container

    If you don't want to have a maximum width but want to keep the 20px margin on the left and right sides, add the is-fluid modifier:

    +
    @@ -67,4 +70,3 @@ doc-subtab: container
    {% endhighlight %} - diff --git a/docs/documentation/modifiers/responsive-helpers.html b/docs/documentation/modifiers/responsive-helpers.html index e04333ae..d01a7a82 100644 --- a/docs/documentation/modifiers/responsive-helpers.html +++ b/docs/documentation/modifiers/responsive-helpers.html @@ -200,15 +200,15 @@ doc-subtab: responsive-helpers Tablet
    - Between 769px and 979px + Between 769px and 999px Desktop
    - Between 980px and 1179px + Between 1000px and 1239px Widescreen
    - Above 1180px + Above 1240px diff --git a/docs/documentation/modifiers/syntax.html b/docs/documentation/modifiers/syntax.html index 8539ddc1..46f4fa0d 100644 --- a/docs/documentation/modifiers/syntax.html +++ b/docs/documentation/modifiers/syntax.html @@ -17,16 +17,19 @@ doc-subtab: syntax

    Let's start with a simple button that uses the "button" CSS class:

    +{% capture button_example %} + + Button + +{% endcapture %}

    - Button + {{button_example}}

    {% highlight html %} - - Button - +{{button_example}} {% endhighlight %}
    @@ -34,16 +37,19 @@ doc-subtab: syntax

    By adding the "is-primary" CSS class, you can modify the color:

    +{% capture button_primary_example %} + + Button + +{% endcapture %}

    - Button +{{button_primary_example}}

    {% highlight html %} - - Button - +{{button_primary_example}} {% endhighlight %}
    @@ -124,18 +130,18 @@ doc-subtab: syntax
    {% highlight html %} -

    - Button -

    -

    - Button -

    -

    - Button -

    -

    - Button -

    + + Button + + + Button + + + Button + + + Button + {% endhighlight %}
    diff --git a/docs/documentation/overview/functions.html b/docs/documentation/overview/functions.html new file mode 100644 index 00000000..107b799c --- /dev/null +++ b/docs/documentation/overview/functions.html @@ -0,0 +1,27 @@ +--- +layout: documentation +doc-tab: overview +doc-subtab: functions +--- + +{% include subnav-overview.html %} + +
    +
    +

    Functions

    +

    Utility functions to calculate colors and other values

    + +
    + +
    +

    Bulma uses 5 custom functions to help define the values and colors dynamically:

    +
      +
    • powerNumber($number, $exp): calculates the value of a number exposed to another one. Returns a number.
      • +
    • colorLuminance($color): defines if a color is dark or light. Return a decimal number between 0 and 1 where <= 0.5 is dark and > 0.5 is light.
      • +
    • findColorInvert($color): returns either 70% transparent black or 100% opaque white depending on the luminance of the color.
      • +
    • removeUnit($number): removes the unit of a Sass number. So "10px" becomes "10" and "3.5rem" returns "3.5". Used for string concatenation.
      • +
    • roundToEvenNumber($number): rounds a number to the closest but lower even one. So 23 becomes 22, and 7.5 returns 6.
      • +
    +
    +
    +
    diff --git a/docs/documentation/overview/mixins.html b/docs/documentation/overview/mixins.html new file mode 100644 index 00000000..5edcb686 --- /dev/null +++ b/docs/documentation/overview/mixins.html @@ -0,0 +1,71 @@ +--- +layout: documentation +doc-tab: overview +doc-subtab: mixins +--- + +{% include subnav-overview.html %} + +
    +
    +

    Mixins

    +

    Utility mixins for custom elements and responsive helpers

    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    =arrow($color)Creates a CSS-only down arrow. Used for the dropdown select.
    =blockDefines a margin-bottom of 1.5rem, expect when the element is the last child. Used for almost all block elements.
    =clearfixAdds a clearfix at the end of the element. Used for the "is-clearfix" helper.
    =center($size)Positions an element in the exact center of its parent. Used for the spinner in a loading button.
    =deleteCreates a CSS-only cross. Used for the delete element in modals, messages, tags...
    =fa($size, $dimensions)Sets the style of a Font Awesome icon container.
    =hamburger($dimensions)Creates a CSS-only hamburger menu with 3 bars. Used for the "nav-toggle".
    =loaderCreates a CSS-only loading spinner. Used for the ".loader" element, and for input and button spinners.
    =overflow-touchSets the style of a container so that it keeps momentum when scrolling on iOS devices.
    =overlay($offset: 0)Makes the element overlay its parent container, like the transparent modal background.
    =placeholderSets the styles of an input placeholder.
    =unselectableTurns the element unselectable. Used for buttons to prevent selection when clicking.
    + +
    +

    These mixins are already used throughout Bulma, but you can use them as well to extend your own styles.

    +
    +
    +
    diff --git a/docs/documentation/overview/modular.html b/docs/documentation/overview/modular.html index 835b1541..94e9f5a1 100644 --- a/docs/documentation/overview/modular.html +++ b/docs/documentation/overview/modular.html @@ -47,6 +47,7 @@ doc-subtab: modular What if you only want the button styles instead?

    {% highlight sass %} +@import "bulma/sass/utilities/_all @import "bulma/sass/elements/button.sass" {% endhighlight %}

    diff --git a/docs/documentation/overview/responsiveness.html b/docs/documentation/overview/responsiveness.html index 4bad19e5..ffa57fc5 100644 --- a/docs/documentation/overview/responsiveness.html +++ b/docs/documentation/overview/responsiveness.html @@ -19,8 +19,8 @@ doc-subtab: responsiveness

    Bulma uses 7 responsive mixins:

    How Bulma works is that everything is mobile-first by default, and responsive mixins act as minimum viewport widths where some alternative styles are applied.

    @@ -65,15 +65,15 @@ doc-subtab: responsiveness Tablet
    - Between 769px and 979px + Between 769px and 999px Desktop
    - Between 980px and 1179px + Between 1000px and 1191px Widescreen
    - 1180px and above + 1192px and above diff --git a/docs/documentation/overview/start.html b/docs/documentation/overview/start.html index 03b994b4..98ceabd9 100644 --- a/docs/documentation/overview/start.html +++ b/docs/documentation/overview/start.html @@ -14,7 +14,9 @@ doc-subtab: start
    -
    1
    +
    +

    1

    +

    Use NPM (recommended): @@ -26,7 +28,9 @@ npm install bulma

    -
    2
    +
    +

    2

    +

    Use the cdnjs CDN @@ -37,7 +41,9 @@ npm install bulma

    -
    3
    +
    +

    3

    +

    Download from the repository @@ -70,7 +76,9 @@ npm install bulma

    -
    1
    +
    +

    1

    +

    Download the source files: @@ -83,7 +91,9 @@ npm install bulma

    -
    2
    +
    +

    2

    +

    Set your variables:
    @@ -107,7 +117,9 @@ $family-primary: $family-serif // Use the new serif family

    -
    3
    +
    +

    3

    +

    Import Bulma after having set your variables:
    diff --git a/docs/documentation/overview/variables.html b/docs/documentation/overview/variables.html index 73bebe8b..8992dcd2 100644 --- a/docs/documentation/overview/variables.html +++ b/docs/documentation/overview/variables.html @@ -20,9 +20,9 @@ doc-subtab: variables Initial variables: where you define variables by direct value, like:

    • colors: $blue: #42afe3
      • -
    • font families: $family-sans-serif: "Helvetica Neue", "Helvetica", "Arial", sans-serif
      • -
    • font sizes: $size-1: 48px
      • -
    • other values: $nav-height: 50px or $easing: ease-out
      • +
    • font families: $family-monospace: "Inconsolata", "Consolas", "Monaco", monospace
      • +
    • font sizes: $size-1: 3.5rem
      • +
    • other values: $easing: ease-out or $radius-large: 5px
  • @@ -40,7 +40,7 @@ doc-subtab: variables
  • Generated variables where variables are calculated from the values set in the previous file. For example, you can have:
      -
    • $body-background: $grey-lighter: the page's main background is the lighter grey
      • +
    • $background: $white-ter: the main background color
    • $link: $primary: the links use the primary color
    • $family-primary: $family-sans-serif: the primary font family is the sans-serif one
    @@ -174,23 +174,23 @@ doc-subtab: variables $size-1 - 48px + 3.5rem $size-2 - 40px + 2.75rem $size-3 - 28px + 2rem $size-4 - 24px + 1.5rem $size-5 - 18px + 1.25rem $size-6 @@ -198,24 +198,24 @@ doc-subtab: variables $size-7 - 11px + 0.75rem + + + $weight-light + 300 $weight-normal 400 + + $weight-semibold + 500 + $weight-bold 700 - - $weight-title-normal - 300 - - - $weight-title-bold - 500 - Breakpoints @@ -224,11 +224,11 @@ doc-subtab: variables $desktop - 980px + 1000px (960px + 40px container) $widescreen - 1180px + 1192px (1152px+ 40px container) Miscellaneous @@ -268,15 +268,11 @@ doc-subtab: variables $light - $grey-lighter + $white-ter $dark - $grey-dark - - - $text - $grey-dark + $grey-darker 3. Generated variables @@ -330,6 +326,10 @@ doc-subtab: variables Text colors + + $text + $grey-dark + $text-invert findColorInvert($text) @@ -378,59 +378,25 @@ doc-subtab: variables $link-hover $grey-darker - - $link-hover-background - $grey-lighter - $link-hover-border $grey-darker + + $link-focus + $grey-darker + + + $link-focus-border + $primary + $link-active $grey-darker $link-active-border - $grey-darker - - - Control colors - - $control - $text-strong - - - $control-background - $text-invert - - - $control-border - $border - - - $control-hover - $link-hover - - - $control-hover-border - $border-hover - - - $control-active - $link - - - $control-active-background - $link - - - $control-active-background-invert - $link-invert - - - $control-active-border - $link + $grey-dark Typography @@ -448,7 +414,7 @@ doc-subtab: variables $size-normal - $size-6 + 1rem $size-medium @@ -456,11 +422,7 @@ doc-subtab: variables $size-large - $size-3 - - - $size-huge - $size-1 + $size-4 4. Lists and maps diff --git a/docs/images/blog/metro-ui-css-grid-tiles.png b/docs/images/blog/metro-ui-css-grid-tiles.png index 1c3baf01..764ff9ac 100644 Binary files a/docs/images/blog/metro-ui-css-grid-tiles.png and b/docs/images/blog/metro-ui-css-grid-tiles.png differ diff --git a/docs/images/bulma-logo.png b/docs/images/bulma-logo.png new file mode 100644 index 00000000..a016c2b5 Binary files /dev/null and b/docs/images/bulma-logo.png differ diff --git a/docs/images/jgthms.png b/docs/images/jgthms.png new file mode 100644 index 00000000..b89c0097 Binary files /dev/null and b/docs/images/jgthms.png differ diff --git a/docs/images/placeholders/1280x960.png b/docs/images/placeholders/1280x960.png new file mode 100644 index 00000000..6c54c1aa Binary files /dev/null and b/docs/images/placeholders/1280x960.png differ diff --git a/docs/images/placeholders/128x128.png b/docs/images/placeholders/128x128.png new file mode 100644 index 00000000..0e5bd89b Binary files /dev/null and b/docs/images/placeholders/128x128.png differ diff --git a/docs/images/placeholders/16x16.png b/docs/images/placeholders/16x16.png new file mode 100644 index 00000000..18c4349a Binary files /dev/null and b/docs/images/placeholders/16x16.png differ diff --git a/docs/images/placeholders/24x24.png b/docs/images/placeholders/24x24.png new file mode 100644 index 00000000..39d3ba40 Binary files /dev/null and b/docs/images/placeholders/24x24.png differ diff --git a/docs/images/placeholders/256x256.png b/docs/images/placeholders/256x256.png new file mode 100644 index 00000000..379b9c5d Binary files /dev/null and b/docs/images/placeholders/256x256.png differ diff --git a/docs/images/placeholders/300x225.png b/docs/images/placeholders/300x225.png new file mode 100644 index 00000000..1aa2338a Binary files /dev/null and b/docs/images/placeholders/300x225.png differ diff --git a/docs/images/placeholders/32x32.png b/docs/images/placeholders/32x32.png new file mode 100644 index 00000000..0cd1aa23 Binary files /dev/null and b/docs/images/placeholders/32x32.png differ diff --git a/docs/images/placeholders/480x320.png b/docs/images/placeholders/480x320.png new file mode 100644 index 00000000..e041058a Binary files /dev/null and b/docs/images/placeholders/480x320.png differ diff --git a/docs/images/placeholders/480x480.png b/docs/images/placeholders/480x480.png new file mode 100644 index 00000000..9587d57d Binary files /dev/null and b/docs/images/placeholders/480x480.png differ diff --git a/docs/images/placeholders/48x48.png b/docs/images/placeholders/48x48.png new file mode 100644 index 00000000..9860891d Binary files /dev/null and b/docs/images/placeholders/48x48.png differ diff --git a/docs/images/placeholders/640x320.png b/docs/images/placeholders/640x320.png new file mode 100644 index 00000000..0f5e5473 Binary files /dev/null and b/docs/images/placeholders/640x320.png differ diff --git a/docs/images/placeholders/640x360.png b/docs/images/placeholders/640x360.png new file mode 100644 index 00000000..cf807906 Binary files /dev/null and b/docs/images/placeholders/640x360.png differ diff --git a/docs/images/placeholders/640x480.png b/docs/images/placeholders/640x480.png new file mode 100644 index 00000000..e0bd2346 Binary files /dev/null and b/docs/images/placeholders/640x480.png differ diff --git a/docs/images/placeholders/64x64.png b/docs/images/placeholders/64x64.png new file mode 100644 index 00000000..e2db8f4f Binary files /dev/null and b/docs/images/placeholders/64x64.png differ diff --git a/docs/images/placeholders/96x96.png b/docs/images/placeholders/96x96.png new file mode 100644 index 00000000..ba64ab9a Binary files /dev/null and b/docs/images/placeholders/96x96.png differ diff --git a/docs/index.html b/docs/index.html index 4f8115a0..62403642 100644 --- a/docs/index.html +++ b/docs/index.html @@ -91,7 +91,7 @@ route: index

    - + Simple columns @@ -189,7 +189,7 @@ route: index

    - + Magic tiles @@ -214,7 +214,7 @@ route: index

    Middle tile

    With an image

    - +

    • @@ -281,7 +281,7 @@ route: index

    - + Flexible horizontal level @@ -345,7 +345,7 @@ route: index

    - + Versatile media object @@ -359,7 +359,7 @@ route: index
    - Image + Image
    @@ -406,7 +406,7 @@ route: index

    - + Easy vertical centering in fullscreen @@ -433,7 +433,7 @@ route: index

    - + Compose your element with modifier classes @@ -477,7 +477,7 @@ route: index

    - + And all the usual elements @@ -490,18 +490,18 @@ route: index
    - + Image
    -
    - Image +
    + Image
    -

    Card

    +

    Card

    Subtitle

    diff --git a/sass/components/highlight.sass b/docs/sass/highlight.sass similarity index 100% rename from sass/components/highlight.sass rename to docs/sass/highlight.sass diff --git a/docs/templates.html b/docs/templates.html index e4564059..ed21cadc 100644 --- a/docs/templates.html +++ b/docs/templates.html @@ -29,21 +29,21 @@ route: templates

    Everything

    All Bulma elements on one page

    -
    +

    Business

    Classic business homepage

    -
    +

    Welcome

    Simple one-page introduction

    -
    +
    diff --git a/docs/tiles.html b/docs/tiles.html index 15c0803c..c7c83b5e 100644 --- a/docs/tiles.html +++ b/docs/tiles.html @@ -275,7 +275,7 @@ tile is-ancestor

    Middle box

    With an image

    - +

    @@ -382,7 +382,7 @@ tile is-ancestor

    Middle box

    With an image

    - +

    @@ -475,7 +475,7 @@ tile is-ancestor

    Middle box

    With an image

    - +
    diff --git a/package.json b/package.json index 48a6059d..9593e7c7 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bulma", - "version": "0.2.3", + "version": "0.3.0", "homepage": "http://bulma.io", "author": "Jeremy Thomas (http://jgthms.com)", "description": "Modern CSS framework based on Flexbox", diff --git a/sass/base/generic.sass b/sass/base/generic.sass index 52ac6f25..1d7d9ecf 100644 --- a/sass/base/generic.sass +++ b/sass/base/generic.sass @@ -1,8 +1,9 @@ -$body-background: $white-ter !default +$body-background: $white !default +$body-size: $size-6 !default html background-color: $body-background - font-size: $size-normal + font-size: $body-size -moz-osx-font-smoothing: grayscale -webkit-font-smoothing: antialiased min-width: 300px @@ -31,13 +32,12 @@ pre -moz-osx-font-smoothing: auto -webkit-font-smoothing: auto font-family: $family-code - line-height: 1.25 body color: $text font-size: 1rem font-weight: $weight-normal - line-height: 1.428571428571429 + line-height: 1.5 // Inline @@ -52,16 +52,16 @@ a code background-color: $code-background color: $code - font-size: 12px + font-size: 0.8em font-weight: normal - padding: 1px 2px 2px + padding: 0.25em 0.5em 0.25em hr background-color: $border border: none display: block height: 1px - margin: 20px 0 + margin: 1.5rem 0 img max-width: 100% @@ -71,7 +71,7 @@ input[type="radio"] vertical-align: baseline small - font-size: $size-small + font-size: 0.8em span font-style: inherit @@ -86,14 +86,16 @@ strong pre background-color: $pre-background color: $pre + font-size: 0.8em white-space: pre word-wrap: normal code - background-color: $pre-background - color: $pre + background: none + color: inherit display: block + font-size: 1em overflow-x: auto - padding: 16px 20px + padding: 1.25rem 1.5rem table width: 100% diff --git a/sass/components/_all.sass b/sass/components/_all.sass index 0eaf7ede..f21fc5e4 100644 --- a/sass/components/_all.sass +++ b/sass/components/_all.sass @@ -1,7 +1,6 @@ @charset "utf-8" @import "card.sass" -@import "highlight.sass" @import "level.sass" @import "media.sass" @import "menu.sass" diff --git a/sass/components/card.sass b/sass/components/card.sass index d5a980ad..3a031098 100644 --- a/sass/components/card.sass +++ b/sass/components/card.sass @@ -2,31 +2,30 @@ align-items: stretch box-shadow: 0 1px 2px rgba($black, 0.1) display: flex - min-height: 40px .card-header-title - align-items: flex-start + align-items: center color: $text-strong display: flex flex-grow: 1 - font-weight: bold - padding: 10px + font-weight: $weight-bold + padding: 0.75rem .card-header-icon align-items: center cursor: pointer display: flex justify-content: center - width: 40px + padding: 0.75rem .card-image display: block position: relative .card-content - padding: 20px + padding: 1.5rem .title + .subtitle - margin-top: -20px + margin-top: -1.5rem .card-footer border-top: 1px solid $border @@ -36,9 +35,11 @@ .card-footer-item align-items: center display: flex + flex-basis: 0 flex-grow: 1 + flex-shrink: 0 justify-content: center - padding: 10px + padding: 0.75rem &:not(:last-child) border-right: 1px solid $border @@ -48,11 +49,5 @@ color: $text max-width: 100% position: relative - width: 300px .media:not(:last-child) - margin-bottom: 10px - // Modifiers - &.is-fullwidth - width: 100% - &.is-rounded - border-radius: $radius-large + margin-bottom: 0.75rem diff --git a/sass/components/level.sass b/sass/components/level.sass index d54f9697..65f827c3 100644 --- a/sass/components/level.sass +++ b/sass/components/level.sass @@ -1,36 +1,46 @@ .level-item + align-items: center + display: flex + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + justify-content: center .title, .subtitle margin-bottom: 0 // Responsiveness +mobile &:not(:last-child) - margin-bottom: 10px + margin-bottom: 0.75rem .level-left, .level-right + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 .level-item &:not(:last-child) - margin-right: 10px + margin-right: 0.75rem // Modifiers &.is-flexible flex-grow: 1 .level-left + align-items: center + justify-content: flex-start // Responsiveness +mobile & + .level-right - margin-top: 20px + margin-top: 1.5rem +tablet - align-items: center display: flex .level-right + align-items: center + justify-content: flex-end // Responsiveness +tablet - align-items: center display: flex - justify-content: flex-end .level +block diff --git a/sass/components/media.sass b/sass/components/media.sass index db48068f..575e4fcc 100644 --- a/sass/components/media.sass +++ b/sass/components/media.sass @@ -1,29 +1,17 @@ -.media-number, .media-left, .media-right + flex-basis: auto flex-grow: 0 flex-shrink: 0 -.media-number - background-color: $background - border-radius: 290486px - display: inline-block - font-size: $size-medium - height: 32px - line-height: 24px - margin-right: 10px - min-width: 32px - padding: 4px 8px - text-align: center - vertical-align: top - .media-left - margin-right: 10px + margin-right: 1rem .media-right - margin-left: 10px + margin-left: 1rem .media-content + flex-basis: auto flex-grow: 1 flex-shrink: 1 text-align: left @@ -33,29 +21,24 @@ display: flex text-align: left .content:not(:last-child) - margin-bottom: 10px + margin-bottom: 0.75rem .media border-top: 1px solid rgba($border, 0.5) display: flex - padding-top: 10px + padding-top: 0.75rem .content:not(:last-child), .control:not(:last-child) - margin-bottom: 5px + margin-bottom: 0.5rem .media - padding-top: 5px + padding-top: 0.5rem & + .media - margin-top: 5px + margin-top: 0.5rem & + .media border-top: 1px solid rgba($border, 0.5) - margin-top: 10px - padding-top: 10px + margin-top: 1rem + padding-top: 1rem // Sizes &.is-large & + .media - margin-top: 20px - padding-top: 20px - // Responsiveness - +tablet - &.is-large - .media-number - margin-right: 20px + margin-top: 1.5rem + padding-top: 1.5rem diff --git a/sass/components/menu.sass b/sass/components/menu.sass index c2c6daac..47289704 100644 --- a/sass/components/menu.sass +++ b/sass/components/menu.sass @@ -1,14 +1,13 @@ -.menu-nav - a - display: block - padding: 5px 10px +.menu + font-size: $size-normal .menu-list + line-height: 1.25 a border-radius: $radius-small color: $text display: block - padding: 5px 10px + padding: 0.5em 0.75em &:hover background-color: $background color: $link @@ -19,14 +18,15 @@ li ul border-left: 1px solid $border - margin: 10px - padding-left: 10px + margin: 0.75em + padding-left: 0.75em .menu-label color: $text-light - font-size: $size-small - letter-spacing: 1px - margin-bottom: 5px + font-size: 0.8em + letter-spacing: 0.1em text-transform: uppercase &:not(:first-child) - margin-top: 20px + margin-top: 1em + &:not(:last-child) + margin-bottom: 1em diff --git a/sass/components/message.sass b/sass/components/message.sass index 743eaf25..2ef750b9 100644 --- a/sass/components/message.sass +++ b/sass/components/message.sass @@ -1,39 +1,61 @@ -.message-body - border: 1px solid $border - border-radius: $radius - padding: 12px 15px - strong - color: inherit - -.message-header - background-color: $text - border-radius: $radius $radius 0 0 - color: $text-invert - padding: 7px 10px - strong - color: inherit - & + .message-body - border-radius: 0 0 $radius $radius - border-top: none - .message +block background-color: $background border-radius: $radius + font-size: $size-normal // Colors @each $name, $pair in $colors $color: nth($pair, 1) $color-invert: nth($pair, 2) - $lightning: max((100% - lightness($color)) - 4%, 0%) - $darkness: max(lightness($color) - 10%, lightness($color)) + $color-lightning: max((100% - lightness($color)) - 2%, 0%) + $color-luminance: colorLuminance($color) + $darken-percentage: $color-luminance * 70% + $desaturate-percentage: $color-luminance * 30% &.is-#{$name} - background-color: lighten($color, $lightning) + background-color: lighten($color, $color-lightning) .message-header background-color: $color color: $color-invert .message-body border-color: $color - @if (colorLuminance($color) > 0.8) - color: desaturate(lighten(darken($color, 100%), 40%), 40%) - @else - color: desaturate(lighten(darken($color, 100%), 50%), 30%) + color: desaturate(darken($color, $darken-percentage), $desaturate-percentage) + +.message-header + align-items: center + background-color: $text + border-radius: $radius $radius 0 0 + color: $text-invert + display: flex + justify-content: space-between + line-height: 1.25 + padding: 0.5em 0.75em + position: relative + a, + strong + color: inherit + a + text-decoration: underline + .delete + flex-grow: 0 + flex-shrink: 0 + margin-left: 0.75em + & + .message-body + border-top-left-radius: 0 + border-top-right-radius: 0 + border-top: none + +.message-body + border: 1px solid $border + border-radius: $radius + color: $text + padding: 1em 1.25em + a, + strong + color: inherit + a + text-decoration: underline + code, + pre + background: $white + pre code + background: transparent diff --git a/sass/components/modal.sass b/sass/components/modal.sass index 4d4fc790..e15be57f 100644 --- a/sass/components/modal.sass +++ b/sass/components/modal.sass @@ -61,6 +61,7 @@ margin-right: 10px .modal-card-body + +overflow-touch background-color: $white flex-grow: 1 flex-shrink: 1 diff --git a/sass/components/nav.sass b/sass/components/nav.sass index 197cf10f..0ca444a5 100644 --- a/sass/components/nav.sass +++ b/sass/components/nav.sass @@ -1,4 +1,4 @@ -$nav-height: 50px !default +$nav-height: 3.5rem !default // Components @@ -13,20 +13,21 @@ $nav-height: 50px !default display: flex flex-grow: 0 flex-shrink: 0 + font-size: $size-normal justify-content: center - padding: 10px + padding: 0.5rem 0.75rem a flex-grow: 1 flex-shrink: 0 img - max-height: 24px + max-height: 1.75rem .button + .button - margin-left: 10px + margin-left: 0.75rem .tag - &:first-child - margin-right: 5px - &:last-child - margin-left: 5px + &:first-child:not(:last-child) + margin-right: 0.5rem + &:last-child:not(:first-child) + margin-left: 0.5rem // Responsiveness +mobile justify-content: flex-start @@ -42,15 +43,21 @@ a.nav-item &.is-tab border-bottom: 1px solid transparent border-top: 1px solid transparent - padding-left: 12px - padding-right: 12px + padding-bottom: calc(0.5rem - 1px) + padding-left: 1rem + padding-right: 1rem + padding-top: calc(0.5rem - 1px) &:hover - border-bottom: 1px solid $link - border-top: 1px solid transparent + border-bottom-color: $primary + border-top-color: transparent &.is-active - border-bottom: 3px solid $link - border-top: 3px solid transparent - color: $link + border-bottom: 3px solid $primary + color: $primary + padding-bottom: calc(0.5rem - 3px) + // Responsiveness + +desktop + &.is-brand + padding-left: 0 // Containers @@ -66,18 +73,22 @@ a.nav-item position: absolute .nav-item border-top: 1px solid rgba($border, 0.5) - padding: 10px + padding: 0.75rem &.is-active display: block +tablet-only - padding-right: 20px + padding-right: 1.5rem -.nav-left + +.nav-left, +.nav-right align-items: stretch - display: flex flex-basis: 0 flex-grow: 1 flex-shrink: 0 + +.nav-left + display: flex justify-content: flex-start overflow: hidden overflow-x: auto @@ -86,19 +97,17 @@ a.nav-item .nav-center align-items: stretch display: flex + flex-grow: 0 + flex-shrink: 0 justify-content: center margin-left: auto margin-right: auto .nav-right + justify-content: flex-end // Responsiveness +tablet - align-items: stretch display: flex - flex-basis: 0 - flex-grow: 1 - flex-shrink: 0 - justify-content: flex-end // Main container @@ -115,26 +124,6 @@ a.nav-item display: flex min-height: $nav-height width: 100% - & > .nav-left - & > .nav-item:first-child:not(.is-tab) - padding-left: 0 - & > .nav-right - & > .nav-item:last-child:not(.is-tab) - padding-right: 0 - .container > & - & > .nav-left - & > .nav-item:first-child:not(.is-tab) - padding-left: 0 - & > .nav-right - & > .nav-item:last-child:not(.is-tab) - padding-right: 0 // Modifiers &.has-shadow box-shadow: 0 2px 3px rgba($black, 0.1) - // Responsiveness - +touch - & > .container, - .container > & - & > .nav-left - & > .nav-item.is-brand:first-child - padding-left: 20px diff --git a/sass/components/pagination.sass b/sass/components/pagination.sass index 63cddc11..3676234d 100644 --- a/sass/components/pagination.sass +++ b/sass/components/pagination.sass @@ -1,37 +1,133 @@ -.pagination +$pagination: $grey-darker !default +$pagination-background: $white !default +$pagination-border: $grey-lighter !default + +$pagination-hover: $link-hover !default +$pagination-hover-border: $link-hover-border !default + +$pagination-focus: $link-focus !default +$pagination-focus-border: $link-focus-border !default + +$pagination-active: $link-active !default +$pagination-active-border: $link-active-border !default + +$pagination-disabled: $grey !default +$pagination-disabled-background: $grey-lighter !default +$pagination-disabled-border: $grey-lighter !default + +$pagination-current: $link-invert !default +$pagination-current-background: $link !default +$pagination-current-border: $link !default + +$pagination-ellipsis: $grey-light !default + +$pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2) + +.pagination, +.pagination-list align-items: center display: flex justify-content: center text-align: center - a - display: block - min-width: 32px - padding: 3px 8px - span - color: $text-light - display: block - margin: 0 4px + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis + +control + +unselectable + font-size: 0.875rem + padding-left: 0.5em + padding-right: 0.5em + justify-content: center + text-align: center + +.pagination-previous, +.pagination-next, +.pagination-link + border: 1px solid $pagination-border + min-width: 2.5em + &:hover + border-color: $pagination-hover-border + color: $pagination-hover + &:focus + border-color: $pagination-focus-border + &:active + box-shadow: $pagination-shadow-inset + &[disabled], + &.is-disabled + background: $pagination-disabled-background + color: $pagination-disabled + opacity: 0.5 + pointer-events: none + +.pagination-previous, +.pagination-next + padding-left: 0.75em + padding-right: 0.75em + +.pagination-link + &.is-current + background-color: $pagination-current-background + border-color: $pagination-current-border + color: $pagination-current + +.pagination-ellipsis + color: $pagination-ellipsis + pointer-events: none + +.pagination-list li - margin: 0 2px - ul - align-items: center - display: flex - flex-grow: 1 - flex-shrink: 0 - justify-content: center - // Responsiveness - +mobile + &:not(:first-child) + margin-left: 0.375rem + ++mobile + .pagination flex-wrap: wrap - & > a - width: calc(50% - 5px) - &:not(:first-child) - margin-left: 10px + .pagination-previous, + .pagination-next + flex-grow: 1 + flex-shrink: 1 + width: calc(50% - 0.375rem) + .pagination-next + margin-left: 0.75rem + .pagination-list + margin-top: 0.75rem li flex-grow: 1 - flex-shrink: 0 - ul - margin-top: 10px - +tablet - & > a - &:not(:first-child) + flex-shrink: 1 + ++tablet + .pagination-list + flex-grow: 1 + flex-shrink: 1 + justify-content: flex-start + order: 1 + .pagination-previous, + .pagination-next + margin-left: 0.75rem + .pagination-previous + order: 2 + .pagination-next + order: 3 + .pagination + justify-content: space-between + &.is-centered + .pagination-previous + margin-left: 0 order: 1 + .pagination-list + justify-content: center + order: 2 + .pagination-next + order: 3 + &.is-right + .pagination-previous + margin-left: 0 + order: 1 + .pagination-next + order: 2 + margin-right: 0.75rem + .pagination-list + justify-content: flex-end + order: 3 diff --git a/sass/components/panel.sass b/sass/components/panel.sass index a60949ee..32d3fd11 100644 --- a/sass/components/panel.sass +++ b/sass/components/panel.sass @@ -1,20 +1,39 @@ -.panel-icon - +fa(14px, 16px) - color: $text-light - float: left - margin: 0 4px 0 -2px - .fa - font-size: inherit - line-height: inherit +.panel + font-size: $size-normal + &:not(:last-child) + margin-bottom: 1.5rem + +.panel-heading, +.panel-tabs, +.panel-block + border-bottom: 1px solid $border + border-left: 1px solid $border + border-right: 1px solid $border + &:first-child + border-top: 1px solid $border .panel-heading background-color: $background - border-bottom: 1px solid $border - border-radius: 4px 4px 0 0 + border-radius: $radius $radius 0 0 color: $text-strong - font-size: $size-medium - font-weight: 300 - padding: 10px + font-size: 1.25em + font-weight: $weight-light + line-height: 1.25 + padding: 0.5em 0.75em + +.panel-tabs + align-items: flex-end + display: flex + font-size: 0.875em + justify-content: center + a + border-bottom: 1px solid $border + margin-bottom: -1px + padding: 0.5em + // Modifiers + &.is-active + border-bottom-color: $link-active-border + color: $link-active .panel-list a @@ -22,36 +41,34 @@ &:hover color: $link -.panel-tabs - display: flex - font-size: $size-small - padding: 5px 10px 0 - justify-content: center - a - border-bottom: 1px solid $border - margin-bottom: -1px - padding: 5px - // Modifiers - &.is-active - border-bottom-color: $link-active-border - color: $link-active - &:not(:last-child) - border-bottom: 1px solid $border - .panel-block + align-items: center color: $text-strong - display: block - line-height: 16px - padding: 10px - &:not(:last-child) - border-bottom: 1px solid $border + display: flex + justify-content: flex-start + padding: 0.5em 0.75em + input[type="checkbox"] + margin-right: 0.75em + & > .control + flex-grow: 1 + flex-shrink: 1 + width: 100% + &.is-active + border-left-color: $link + color: $link-active + .panel-icon + color: $link -a.panel-block +a.panel-block, +label.panel-block + cursor: pointer &:hover background-color: $background -.panel - border: 1px solid $border - border-radius: $radius-large - &:not(:last-child) - margin-bottom: 20px +.panel-icon + +fa(14px, 1em) + color: $text-light + margin-right: 0.75em + .fa + font-size: inherit + line-height: inherit diff --git a/sass/components/tabs.sass b/sass/components/tabs.sass index 645c88e6..506859a0 100644 --- a/sass/components/tabs.sass +++ b/sass/components/tabs.sass @@ -3,8 +3,8 @@ +unselectable align-items: stretch display: flex + font-size: $size-normal justify-content: space-between - line-height: 24px overflow: hidden overflow-x: auto white-space: nowrap @@ -15,7 +15,7 @@ display: flex justify-content: center margin-bottom: -1px - padding: 6px 12px + padding: 0.5em 1em vertical-align: top &:hover border-bottom-color: $text-strong @@ -24,8 +24,8 @@ display: block &.is-active a - border-bottom-color: $link - color: $link + border-bottom-color: $primary + color: $primary ul align-items: center border-bottom: 1px solid $border @@ -34,20 +34,20 @@ flex-shrink: 0 justify-content: flex-start &.is-left - padding-right: 10px + padding-right: 0.75em &.is-center flex: none justify-content: center - padding-left: 10px - padding-right: 10px + padding-left: 0.75em + padding-right: 0.75em &.is-right justify-content: flex-end - padding-left: 10px + padding-left: 0.75em .icon &:first-child - margin-right: 8px + margin-right: 0.5em &:last-child - margin-left: 8px + margin-left: 0.5em // Alignment &.is-centered ul @@ -60,8 +60,6 @@ a border: 1px solid transparent border-radius: $radius $radius 0 0 - padding-bottom: 5px - padding-top: 5px &:hover background-color: $background border-bottom-color: $border @@ -79,8 +77,6 @@ a border: 1px solid $border margin-bottom: 0 - padding-bottom: 5px - padding-top: 5px position: relative &:hover background-color: $background @@ -104,28 +100,7 @@ // Sizes &.is-small font-size: $size-small - a - padding: 2px 8px - &.is-boxed, - &.is-toggle - a - padding-bottom: 1px - padding-top: 1px &.is-medium font-size: $size-medium - a - padding: 10px 16px - &.is-boxed, - &.is-toggle - a - padding-bottom: 9px - padding-top: 9px &.is-large font-size: $size-large - a - padding: 14px 20px - &.is-boxed, - &.is-toggle - a - padding-bottom: 13px - padding-top: 13px diff --git a/sass/elements/_all.sass b/sass/elements/_all.sass index e92f8de9..54f5b2fc 100644 --- a/sass/elements/_all.sass +++ b/sass/elements/_all.sass @@ -4,10 +4,12 @@ @import "button.sass" @import "content.sass" @import "form.sass" +@import "icon.sass" @import "image.sass" @import "notification.sass" @import "progress.sass" @import "table.sass" +@import "tag.sass" @import "title.sass" @import "other.sass" diff --git a/sass/elements/box.sass b/sass/elements/box.sass index 276ad408..8c528fec 100644 --- a/sass/elements/box.sass +++ b/sass/elements/box.sass @@ -4,7 +4,7 @@ border-radius: $radius-large box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) display: block - padding: 20px + padding: 1.25rem a.box &:hover, diff --git a/sass/elements/button.sass b/sass/elements/button.sass index 88ad8113..14d3e35d 100644 --- a/sass/elements/button.sass +++ b/sass/elements/button.sass @@ -1,64 +1,149 @@ +$button: $grey-darker !default +$button-background: $white !default +$button-border: $grey-lighter !default + +$button-hover: $link-hover !default +$button-hover-border: $link-hover-border !default + +$button-focus: $link-focus !default +$button-focus-border: $link-focus-border !default + +$button-active: $link-active !default +$button-active-border: $link-active-border !default + +$button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) + +@function buttonIconSpacing($button-font-size, $icon-width) + // The rem height of the button + // based on a height of 2.5em + $button-height: 2.5 * $button-font-size // rem + // The rem total horizontal padding of the button + $button-horizontal-padding: 2 * 0.75 * $button-font-size // rem + // For the icon center to align with the button center + // the horizontal padding + the icon width must equal the button height + // $button-height = $button-horizontal-padding + $icon-width + $difference + $difference: $button-height - $button-horizontal-padding - $icon-width + @return $difference / 2 + +=button-icon($button-font-size) + $small-offset: buttonIconSpacing($button-font-size, 1rem) + $normal-offset: buttonIconSpacing($button-font-size, 1.5rem) + $medium-offset: buttonIconSpacing($button-font-size, 2rem) + $large-offset: buttonIconSpacing($button-font-size, 3rem) + .icon + &:first-child:not(:last-child) + margin-left: $normal-offset + margin-right: $button-font-size / 2 + &:last-child:not(:first-child) + margin-left: $button-font-size / 2 + margin-right: $normal-offset + &:first-child:last-child + // The -1px is to account for the button 1px border + margin-left: calc(-1px + #{$normal-offset}) + margin-right: calc(-1px + #{$normal-offset}) + &.is-small + &:first-child:not(:last-child) + margin-left: $small-offset + &:last-child:not(:first-child) + margin-right: $small-offset + &:first-child:last-child + margin-left: calc(-1px + #{$small-offset}) + margin-right: calc(-1px + #{$small-offset}) + &.is-medium + &:first-child:not(:last-child) + margin-left: $medium-offset + &:last-child:not(:first-child) + margin-right: $medium-offset + &:first-child:last-child + margin-left: calc(-1px + #{$medium-offset}) + margin-right: calc(-1px + #{$medium-offset}) + &.is-large + &:first-child:not(:last-child) + margin-left: $large-offset + &:last-child:not(:first-child) + margin-right: $large-offset + &:first-child:last-child + margin-left: calc(-1px + #{$large-offset}) + margin-right: calc(-1px + #{$large-offset}) + +// The button sizes use mixins so they can be used at different breakpoints =button-small border-radius: $radius-small - font-size: 11px - height: 24px - line-height: 16px - padding-left: 6px - padding-right: 6px + font-size: $size-small + +button-icon($size-small) =button-medium - font-size: 18px - height: 40px - padding-left: 14px - padding-right: 14px + font-size: $size-medium + +button-icon($size-medium) =button-large - font-size: 22px - height: 48px - padding-left: 20px - padding-right: 20px + font-size: $size-large + +button-icon($size-large) .button +control +unselectable + background-color: $button-background + border: 1px solid $button-border + color: $button cursor: pointer justify-content: center - padding-left: 10px - padding-right: 10px + padding-left: 0.75em + padding-right: 0.75em text-align: center white-space: nowrap strong color: inherit - small - display: block - font-size: $size-small - line-height: 1 - margin-top: 5px - .icon, - .tag - &:first-child - margin-left: -2px - margin-right: 4px - &:last-child - margin-left: 4px - margin-right: -2px + +button-icon($size-normal) + // States &:hover, + &.is-hovered + border-color: $button-hover-border + color: $button-hover &:focus, + &.is-focused + border-color: $button-focus-border + box-shadow: 0 0 0.5em rgba($button-focus-border, 0.25) + color: $button-focus + &:active, &.is-active - color: $control-hover - &:active - box-shadow: inset 0 1px 2px rgba($black, 0.2) + border-color: $button-active-border + box-shadow: $button-shadow-inset + color: $button-active // Colors + &.is-link + background-color: transparent + border-color: transparent + color: $text + text-decoration: underline + &:hover, + &.is-hovered, + &:focus, + &.is-focused, + &:active, + &.is-active + background-color: $background + color: $text-strong @each $name, $pair in $colors $color: nth($pair, 1) $color-invert: nth($pair, 2) &.is-#{$name} background-color: $color - border-width: 0 + border-color: transparent color: $color-invert &:hover, + &.is-hovered + background-color: darken($color, 2.5%) + border-color: transparent + color: $color-invert &:focus, + &.is-focused + border-color: transparent + box-shadow: 0 0 0.5em rgba($color, 0.25) + color: $color-invert + &:active, &.is-active background-color: darken($color, 5%) border-color: transparent + box-shadow: $button-shadow-inset color: $color-invert &.is-inverted background-color: $color-invert @@ -71,22 +156,20 @@ &.is-outlined background-color: transparent border-color: $color - border-width: 1px color: $color &:hover, &:focus background-color: $color border-color: $color color: $color-invert - &.is-link - background-color: transparent - border-width: 0 - color: $text - text-decoration: underline - &:hover, - &:focus - background-color: $background - color: $text-strong + &.is-inverted.is-outlined + background-color: transparent + border-color: $color-invert + color: $color-invert + &:hover, + &:focus + background-color: $color-invert + color: $color // Sizes &.is-small +button-small diff --git a/sass/elements/content.sass b/sass/elements/content.sass index 1973c89a..6a539805 100644 --- a/sass/elements/content.sass +++ b/sass/elements/content.sass @@ -2,19 +2,14 @@ +block color: $text // Inline - a:not(.button) - border-bottom: 1px solid $border - &:visited - color: $link-visited - &:hover - border-bottom-color: $link li + li margin-top: 0.25em // Block - blockquote, p, ol, - ul + ul, + blockquote, + table &:not(:last-child) margin-bottom: 1em h1, @@ -24,30 +19,36 @@ h5, h6 color: $text-strong - font-weight: 300 + font-weight: $weight-normal line-height: 1.125 - margin-bottom: 20px - h1, - h2, - h3 + h1 + font-size: 2em + margin-bottom: 0.5em &:not(:first-child) - margin-top: 40px + margin-top: 1em + h2 + font-size: 1.75em + margin-bottom: 0.5714em + &:not(:first-child) + margin-top: 1.1428em + h3 + font-size: 1.5em + margin-bottom: 0.6666em + &:not(:first-child) + margin-top: 1.3333em + h4 + font-size: 1.25em + margin-bottom: 0.8em + h5 + font-size: 1.125em + margin-bottom: 0.8888em + h6 + font-size: 1em + margin-bottom: 1em blockquote background-color: $background border-left: 5px solid $border - padding: 1.5em - h1 - font-size: 2em - h2 - font-size: 1.75em - h3 - font-size: 1.5em - h4 - font-size: 1.25em - h5 - font-size: 1.125em - h6 - font-size: 1em + padding: 1.25em 1.5em ol list-style: decimal outside margin-left: 2em @@ -63,12 +64,40 @@ margin-top: 0.5em ul list-style-type: square + table + width: 100% + td, + th + border: 1px solid $border + border-width: 0 0 1px + padding: 0.5em 0.75em + vertical-align: top + th + color: $text-strong + text-align: left + tr + &:hover + background-color: $background + thead + td, + th + border-width: 0 0 2px + color: $text-strong + tfoot + td, + th + border-width: 2px 0 0 + color: $text-strong + tbody + tr + &:last-child + td, + th + border-bottom-width: 0 // Sizes + &.is-small + font-size: $size-small &.is-medium - font-size: $size-5 - code - font-size: $size-6 + font-size: $size-medium &.is-large - font-size: $size-4 - code - font-size: $size-5 + font-size: $size-large diff --git a/sass/elements/form.sass b/sass/elements/form.sass index dc0f38d0..b17557c9 100644 --- a/sass/elements/form.sass +++ b/sass/elements/form.sass @@ -1,18 +1,59 @@ -=form-control +$input: $grey-darker !default +$input-background: $white !default +$input-border: $grey-lighter !default + +$input-hover: $grey-darker !default +$input-hover-border: $grey-light !default + +$input-focus: $grey-darker !default +$input-focus-border: $link !default + +$input-disabled: $text-light !default +$input-disabled-background: $background !default +$input-disabled-border: $background !default + +$input-arrow: $link !default + +$input-icon: $grey-lighter !default +$input-icon-active: $grey !default + +$input-radius: $radius !default + +=input +control - @each $name, $pair in $colors - $color: nth($pair, 1) - &.is-#{$name} - border-color: $color + background-color: $input-background + border: 1px solid $input-border + color: $input + &:hover, + &.is-hovered + border-color: $input-hover-border + &:focus, + &.is-focused, + &:active, + &.is-active + border-color: $input-focus-border + &[disabled], + &.is-disabled + background-color: $input-disabled-background + border-color: $input-disabled-border + box-shadow: none + color: $input-disabled + +placeholder + color: rgba($input, 0.3) .input, .textarea - +form-control + +input box-shadow: inset 0 1px 2px rgba($black, 0.1) max-width: 100% width: 100% &[type="search"] border-radius: 290486px + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + &.is-#{$name} + border-color: $color // Sizes &.is-small +control-small @@ -30,7 +71,7 @@ .textarea display: block - line-height: 1.2 + line-height: 1.25 max-height: 600px max-width: 100% min-height: 120px @@ -40,78 +81,77 @@ .checkbox, .radio + align-items: center cursor: pointer - display: inline-block - line-height: 16px + display: inline-flex + flex-wrap: wrap + justify-content: flex-start position: relative vertical-align: top input cursor: pointer + margin-right: 0.5em &:hover - color: $control-hover + color: $input-hover &.is-disabled - color: $control-disabled + color: $input-disabled pointer-events: none input pointer-events: none .radio & + .radio - margin-left: 10px + margin-left: 0.5em .select display: inline-block - height: 32px + height: 2.5em position: relative vertical-align: top + &:after + +arrow($input-arrow) + margin-top: -0.375em + right: 1.125em + top: 50% + z-index: 4 select - +form-control + +input cursor: pointer display: block + font-size: 1em outline: none - padding-right: 36px + padding-right: 2.5em &:hover - border-color: $control-hover-border - &::-ms-expand + border-color: $input-hover-border + &::ms-expand display: none + // States + &:hover + &:after + border-color: $input-hover + // Sizes + &.is-small + +control-small + &.is-medium + +control-medium + &.is-large + +control-large + // Modifiers &.is-fullwidth width: 100% select width: 100% - &:after - +arrow($control-active) - margin-top: -6px - right: 16px - top: 50% - &:hover - &:after - border-color: $control-hover - &.is-small - height: 24px - select - +control-small - padding-right: 28px - &.is-medium - height: 40px - select - +control-medium - padding-right: 44px - &.is-large - height: 48px - select - +control-large - padding-right: 52px .label - color: $control + color: $input display: block font-weight: bold &:not(:last-child) - margin-bottom: 5px + margin-bottom: 0.5em .help display: block - font-size: $control-size-small + font-size: $size-small margin-top: 5px @each $name, $pair in $colors $color: nth($pair, 1) @@ -122,20 +162,20 @@ .control-label +mobile - margin-bottom: 5px + margin-bottom: 0.5em +tablet flex-basis: 0 flex-grow: 1 flex-shrink: 0 - margin-right: 20px - padding-top: 7px + margin-right: 1.5em + padding-top: 0.5em text-align: right .control position: relative text-align: left &:not(:last-child) - margin-bottom: 10px + margin-bottom: 0.75rem // Modifiers &.has-addons display: flex @@ -148,20 +188,26 @@ width: auto &:hover z-index: 2 - &:active, - &:focus + &:focus, + &:active z-index: 3 &:first-child - border-radius: $control-radius 0 0 $control-radius + border-radius: $input-radius 0 0 $input-radius select - border-radius: $control-radius 0 0 $control-radius + border-radius: $input-radius 0 0 $input-radius &:last-child - border-radius: 0 $control-radius $control-radius 0 + border-radius: 0 $input-radius $input-radius 0 select - border-radius: 0 $control-radius $control-radius 0 + border-radius: 0 $input-radius $input-radius 0 &.is-expanded flex-grow: 1 flex-shrink: 0 + .select select + &:hover + z-index: 2 + &:focus, + &:active + z-index: 3 &.has-addons-centered justify-content: center &.has-addons-right @@ -173,66 +219,64 @@ flex-grow: 1 flex-shrink: 0 &.has-icon - & > .fa - +fa(14px, 24px) - color: $control-icon + .icon + color: $input-icon pointer-events: none position: absolute - top: 4px + top: ($size-normal * 2.5) / 2 z-index: 4 .input - &:focus + .fa - color: $control-icon-active - &.is-small + .fa - font-size: 10.5px - top: 0 - &.is-medium + .fa - font-size: 21px - top: 8px - &.is-large + .fa - font-size: 21px - top: 12px + &:focus + & + .icon + color: $input-icon-active + &.is-small + & + .icon + top: ($size-small * 2.5) / 2 + &.is-medium + & + .icon + top: ($size-medium * 2.5) / 2 + &.is-large + & + .icon + top: ($size-large * 2.5) / 2 &:not(.has-icon-right) - & > .fa - left: 4px + .icon + left: ($size-normal * 2.5) / 2 + transform: translateX(-50%) translateY(-50%) .input - padding-left: 32px + padding-left: 2.5em &.is-small - padding-left: 24px - & + .fa - left: 0 + & + .icon + left: ($size-small * 2.5) / 2 &.is-medium - padding-left: 40px - & + .fa - left: 8px + & + .icon + left: ($size-medium * 2.5) / 2 &.is-large - padding-left: 48px - & + .fa - left: 12px + & + .icon + left: ($size-large * 2.5) / 2 &.has-icon-right - & > .fa - right: 4px + .icon + right: ($size-normal * 2.5) / 2 + transform: translateX(50%) translateY(-50%) .input - padding-right: 32px + padding-right: 2.5em &.is-small - padding-right: 24px - & + .fa - right: 0 + & + .icon + right: ($size-small * 2.5) / 2 &.is-medium - padding-right: 40px - & + .fa - right: 8px + & + .icon + right: ($size-medium * 2.5) / 2 &.is-large - padding-right: 48px - & + .fa - right: 12px + & + .icon + right: ($size-large * 2.5) / 2 &.is-grouped display: flex justify-content: flex-start & > .control + flex-basis: 0 + flex-shrink: 0 &:not(:last-child) margin-bottom: 0 - margin-right: 10px + margin-right: 0.75rem &.is-expanded flex-grow: 1 flex-shrink: 1 @@ -252,5 +296,5 @@ &:after +loader position: absolute !important - right: 8px - top: 8px + right: 0.75em + top: 0.75em diff --git a/sass/elements/icon.sass b/sass/elements/icon.sass new file mode 100644 index 00000000..99add01d --- /dev/null +++ b/sass/elements/icon.sass @@ -0,0 +1,12 @@ +.icon + +fa(21px, 1.5rem) + .fa + font-size: inherit + line-height: inherit + // Sizes + &.is-small + +fa(14px, 1rem) + &.is-medium + +fa(28px, 2rem) + &.is-large + +fa(42px, 3rem) diff --git a/sass/elements/notification.sass b/sass/elements/notification.sass index bfee4525..5bdc7c37 100644 --- a/sass/elements/notification.sass +++ b/sass/elements/notification.sass @@ -1,14 +1,18 @@ .notification +block - +clearfix background-color: $background border-radius: $radius - padding: 16px 20px + padding: 1.25rem 2.5rem 1.25rem 1.5rem position: relative + code, + pre + background: $white + pre code + background: transparent .delete - border-radius: 0 $radius - float: right - margin: -16px -20px 0 20px + position: absolute + right: 0.5em + top: 0.5em .title, .subtitle, .content diff --git a/sass/elements/other.sass b/sass/elements/other.sass index 952b79b7..ad89730f 100644 --- a/sass/elements/other.sass +++ b/sass/elements/other.sass @@ -5,13 +5,13 @@ position: relative +desktop margin: 0 auto - max-width: 960px + max-width: $desktop - 40px // 960px // Modifiers &.is-fluid margin: 0 20px max-width: none +widescreen - max-width: 1200px + max-width: $widescreen - 40px // 1152px .delete +delete @@ -21,19 +21,6 @@ text-align: center vertical-align: top -.icon - +fa(21px, 24px) - .fa - font-size: inherit - line-height: inherit - // Sizes - &.is-small - +fa(14px, 16px) - &.is-medium - +fa(28px, 32px) - &.is-large - +fa(42px, 48px) - .heading display: block font-size: 11px @@ -43,8 +30,7 @@ .highlight +block - font-size: 12px - font-weight: normal + font-weight: $weight-normal max-width: 100% overflow: hidden padding: 0 @@ -56,53 +42,15 @@ +loader .number - background-color: $background - border-radius: 290486px - display: inline-block - font-size: $size-medium - vertical-align: top - -.tag align-items: center background-color: $background border-radius: 290486px - color: $text display: inline-flex - font-size: 12px - height: 24px + font-size: $size-medium + height: 2em justify-content: center - line-height: 16px - padding-left: 10px - padding-right: 10px + margin-right: 1.5rem + min-width: 2.5em + padding: 0.25rem 0.5rem + text-align: center vertical-align: top - white-space: nowrap - .delete - margin-left: 4px - margin-right: -6px - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - color: $color-invert - // Sizes - &.is-small - font-size: $size-small - height: 20px - padding-left: 8px - padding-right: 8px - &.is-medium - font-size: $size-normal - height: 32px - padding-left: 14px - padding-right: 14px - &.is-large - font-size: $size-5 - height: 40px - line-height: 24px - padding-left: 18px - padding-right: 18px - .delete - margin-left: 4px - margin-right: -8px diff --git a/sass/elements/progress.sass b/sass/elements/progress.sass index d109d73f..b17a6878 100644 --- a/sass/elements/progress.sass +++ b/sass/elements/progress.sass @@ -5,7 +5,7 @@ border: none border-radius: 290486px display: block - height: 12px + height: $size-normal overflow: hidden padding: 0 width: 100% @@ -25,8 +25,8 @@ background-color: $color // Sizes &.is-small - height: 8px + height: $size-small &.is-medium - height: 16px + height: $size-medium &.is-large - height: 20px + height: $size-large diff --git a/sass/elements/table.sass b/sass/elements/table.sass index 32032068..b50c152d 100644 --- a/sass/elements/table.sass +++ b/sass/elements/table.sass @@ -1,43 +1,25 @@ -$table: $text-strong !default -$table-background: $white !default -$table-border: $border !default +$table: $grey-darker !default +$table-background: $white !default +$table-border: $grey-lighter !default -$table-head: $text-light !default +$table-head: $grey !default -$table-row-hover-background: $white-ter !default -$table-row-even-background: $white-bis !default +$table-row-hover-background: $white-bis !default +$table-row-even-background: $white-bis !default +$table-row-even-hover-background: $white-ter !default .table background-color: $table-background color: $table - margin-bottom: 20px + margin-bottom: 1.5rem width: 100% td, th border: 1px solid $table-border border-width: 0 0 1px - padding: 8px 10px + padding: 0.5em 0.75em vertical-align: top // Modifiers - &.is-icon - padding: 5px - text-align: center - white-space: nowrap - width: 1% - .fa - +fa(21px, 24px) - &.is-link - padding: 0 - & > a - padding: 5px - &.is-link - padding: 0 - & > a - display: block - padding: 8px 10px - &:hover - background-color: $link - color: $link-invert &.is-narrow white-space: nowrap width: 1% @@ -52,17 +34,17 @@ $table-row-even-background: $white-bis !default th border-width: 0 0 2px color: $table-head + tfoot + td, + th + border-width: 2px 0 0 + color: $table-head tbody tr &:last-child td, th border-bottom-width: 0 - tfoot - td, - th - border-width: 2px 0 0 - color: $table-head // Modifiers &.is-bordered td, @@ -76,22 +58,11 @@ $table-row-even-background: $white-bis !default &.is-narrow td, th - padding: 5px 10px - // Modifiers - &.is-icon - padding: 2px - &.is-link - padding: 0 - & > a - padding: 2px - &.is-link - padding: 0 - & > a - padding: 5px 10px + padding: 0.25em 0.5em &.is-striped tbody tr &:nth-child(even) background-color: $table-row-even-background &:hover - background-color: $table-row-hover-background + background-color: $table-row-even-hover-background diff --git a/sass/elements/tag.sass b/sass/elements/tag.sass new file mode 100644 index 00000000..8d62856a --- /dev/null +++ b/sass/elements/tag.sass @@ -0,0 +1,29 @@ +.tag + align-items: center + background-color: $background + border-radius: 290486px + color: $text + display: inline-flex + font-size: $size-small + height: 2em + justify-content: center + line-height: 1.5 + padding-left: 0.875em + padding-right: 0.875em + vertical-align: top + white-space: nowrap + .delete + margin-left: 0.25em + margin-right: -0.5em + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert + // Sizes + &.is-medium + font-size: $size-normal + &.is-large + font-size: $size-medium diff --git a/sass/elements/title.sass b/sass/elements/title.sass index 9e615ebc..7414a6b7 100644 --- a/sass/elements/title.sass +++ b/sass/elements/title.sass @@ -1,72 +1,53 @@ +$title: $grey-darker !default +$title-size: $size-3 !default +$title-weight: $weight-light !default +$title-weight-bold: $weight-semibold !default + +$subtitle: $grey-dark !default +$subtitle-size: $size-5 !default +$subtitle-strong: $grey-darker !default +$subtitle-weight: $weight-light !default + .title, .subtitle +block - font-weight: $weight-title-normal word-break: break-word em, span - font-weight: $weight-title-normal - a - &:hover - border-bottom: 1px solid + font-weight: $title-weight strong - font-weight: $weight-title-bold + font-weight: $title-weight-bold .tag - vertical-align: bottom + vertical-align: middle .title - color: $text-strong - font-size: $size-large - line-height: 1 - code - display: inline-block - font-size: $size-large + color: $title + font-size: $title-size + font-weight: $title-weight + line-height: 1.125 strong color: inherit & + .highlight - margin-top: -10px + margin-top: -0.75rem & + .subtitle - margin-top: -10px + margin-top: -1.25rem // Colors @each $size in $sizes $i: index($sizes, $size) &.is-#{$i} font-size: $size - code - font-size: nth($sizes, min($i + 1, 6)) - // Modifiers - &.is-normal - font-weight: 400 - strong - font-weight: 700 - // Responsiveness - +tablet - & + .subtitle - margin-top: -15px .subtitle - color: $text - font-size: $size-medium - line-height: 1.125 - code - border-radius: $radius - display: inline-block - font-size: $size-normal - padding: 2px 3px - vertical-align: top + color: $subtitle + font-size: $subtitle-size + font-weight: $subtitle-weight + line-height: 1.25 strong - color: $text-strong + color: $subtitle-strong & + .title - margin-top: -20px + margin-top: -1.5rem // Colors @each $size in $sizes $i: index($sizes, $size) &.is-#{$i} font-size: $size - code - font-size: nth($sizes, min($i + 1, 6)) - // Modifiers - &.is-normal - font-weight: 400 - strong - font-weight: 700 diff --git a/sass/grid/columns.sass b/sass/grid/columns.sass index e0b8c4a1..e20586a8 100644 --- a/sass/grid/columns.sass +++ b/sass/grid/columns.sass @@ -3,7 +3,7 @@ flex-basis: 0 flex-grow: 1 flex-shrink: 1 - padding: 10px + padding: 0.75rem .columns.is-mobile > &.is-narrow flex: none .columns.is-mobile > &.is-full @@ -204,13 +204,13 @@ margin-left: ($i / 12) * 100% .columns - margin-left: -10px - margin-right: -10px - margin-top: -10px + margin-left: -0.75rem + margin-right: -0.75rem + margin-top: -0.75rem &:last-child - margin-bottom: -10px + margin-bottom: -0.75rem &:not(:last-child) - margin-bottom: 10px + margin-bottom: 0.75rem // Modifiers &.is-centered justify-content: center @@ -221,7 +221,7 @@ &:last-child margin-bottom: 0 &:not(:last-child) - margin-bottom: 20px + margin-bottom: 1.5rem & > .column margin: 0 padding: 0 @@ -231,7 +231,7 @@ flex-wrap: wrap & > .column max-width: 33.3333% - padding: 10px + padding: 0.75rem width: 33.3333% & + .column margin-left: 0 diff --git a/sass/grid/tiles.sass b/sass/grid/tiles.sass index 1b1e85d0..1f6a626f 100644 --- a/sass/grid/tiles.sass +++ b/sass/grid/tiles.sass @@ -1,27 +1,27 @@ .tile align-items: stretch display: block - flex-basis: auto + flex-basis: 0 flex-grow: 1 flex-shrink: 1 min-height: min-content // Modifiers &.is-ancestor - margin-left: -10px - margin-right: -10px - margin-top: -10px + margin-left: -0.75rem + margin-right: -0.75rem + margin-top: -0.75rem &:last-child - margin-bottom: -10px + margin-bottom: -0.75rem &:not(:last-child) - margin-bottom: 10px + margin-bottom: 0.75rem &.is-child margin: 0 !important &.is-parent - padding: 10px + padding: 0.75rem &.is-vertical flex-direction: column & > .tile.is-child:not(:last-child) - margin-bottom: 20px !important + margin-bottom: 1.5rem !important // Responsiveness +tablet &:not(.is-child) diff --git a/sass/layout/footer.sass b/sass/layout/footer.sass index 32919365..f8285ca4 100644 --- a/sass/layout/footer.sass +++ b/sass/layout/footer.sass @@ -1,13 +1,3 @@ .footer background-color: $background - padding: 40px 20px 80px - a - &, - &:visited - color: $text - &:hover - color: $text-strong - &:not(.icon) - border-bottom: 1px solid $border - &:hover - border-bottom-color: $link + padding: 3rem 1.5rem 6rem diff --git a/sass/layout/hero.sass b/sass/layout/hero.sass index d4c277a7..6f2acb74 100644 --- a/sass/layout/hero.sass +++ b/sass/layout/hero.sass @@ -18,31 +18,32 @@ display: none .hero-buttons - margin-top: 20px + margin-top: 1.5rem // Responsiveness +mobile .button display: flex &:not(:last-child) - margin-bottom: 10px + margin-bottom: 0.75rem +tablet display: flex justify-content: center .button:not(:last-child) - margin-right: 20px + margin-right: 1.5rem // Containers .hero-head, .hero-foot + flex-grow: 0 flex-shrink: 0 .hero-body flex-grow: 1 flex-shrink: 0 - padding: 40px 20px + padding: 3rem 1.5rem // Responsiveness - +from(1240px) + +from($widescreen) padding-left: 0 padding-right: 0 @@ -67,11 +68,11 @@ &.is-#{$name} background-color: $color color: $color-invert + a, + strong + color: inherit .title color: $color-invert - a, - strong - color: inherit .subtitle color: rgba($color-invert, 0.9) a, @@ -131,13 +132,13 @@ &.is-medium +tablet .hero-body - padding-bottom: 120px - padding-top: 120px + padding-bottom: 9rem + padding-top: 9rem &.is-large +tablet .hero-body - padding-bottom: 240px - padding-top: 240px + padding-bottom: 18rem + padding-top: 18rem &.is-fullheight min-height: 100vh .hero-body diff --git a/sass/layout/section.sass b/sass/layout/section.sass index 95b74d0b..7139cfb5 100644 --- a/sass/layout/section.sass +++ b/sass/layout/section.sass @@ -1,10 +1,10 @@ .section background-color: $white - padding: 40px 20px + padding: 3rem 1.5rem // Responsiveness +desktop // Sizes &.is-medium - padding: 120px 20px + padding: 9rem 1.5rem &.is-large - padding: 240px 20px + padding: 18rem 1.5rem diff --git a/sass/utilities/controls.sass b/sass/utilities/controls.sass index 02cf8dea..4b6b07e9 100644 --- a/sass/utilities/controls.sass +++ b/sass/utilities/controls.sass @@ -1,75 +1,37 @@ -$control: $text-strong !default -$control-background: $text-invert !default -$control-border: $border !default - -$control-hover: $link-hover !default -$control-hover-border: $border-hover !default - -$control-active: $link !default -$control-active-background: $link !default -$control-active-background-invert: $link-invert !default -$control-active-border: $link !default - -$control-disabled: $border !default -$control-disabled-background: $background !default - $control-radius: $radius !default $control-radius-small: $radius-small !default -$control-size: $size-normal !default -$control-size-small: $size-small !default - -$control-icon: $grey-lighter !default -$control-icon-active: $grey-light !default =control -moz-appearance: none -webkit-appearance: none align-items: center - background-color: $control-background - border: 1px solid $control-border + border: none border-radius: $control-radius - color: $control + box-shadow: none display: inline-flex - font-size: $control-size - height: 32px + font-size: $size-normal + height: 2.5em justify-content: flex-start - line-height: 24px - padding-left: 8px - padding-right: 8px + line-height: 1.5 + padding-left: 0.75em + padding-right: 0.75em position: relative vertical-align: top - &:hover - border-color: $control-hover-border - &:active, + // States &:focus, + &.is-focused, + &:active, &.is-active - border-color: $control-active-border outline: none &[disabled], &.is-disabled - background-color: $control-disabled-background - border-color: $control-disabled - cursor: not-allowed pointer-events: none - +placeholder - color: rgba($control, 0.3) +// The controls sizes use mixins so they can be used at different breakpoints =control-small border-radius: $control-radius-small - font-size: 11px - height: 24px - line-height: 16px - padding-left: 6px - padding-right: 6px + font-size: $size-small =control-medium - font-size: 18px - height: 40px - line-height: 32px - padding-left: 10px - padding-right: 10px + font-size: $size-medium =control-large - font-size: 24px - height: 48px - line-height: 40px - padding-left: 12px - padding-right: 12px + font-size: $size-large diff --git a/sass/utilities/functions.sass b/sass/utilities/functions.sass index fa090245..1b6e8243 100644 --- a/sass/utilities/functions.sass +++ b/sass/utilities/functions.sass @@ -23,6 +23,14 @@ @function findColorInvert($color) @if (colorLuminance($color) > 0.55) - @return rgba(black, 0.7) + @return rgba(#000, 0.7) @else - @return white + @return #fff + +@function removeUnit($number) + @if type-of($number) == 'number' and not unitless($number) + @return $number / ($number * 0 + 1); + @return $number; + +@function roundToEvenNumber($number) + @return floor($number / 2) * 2 diff --git a/sass/utilities/mixins.sass b/sass/utilities/mixins.sass index feca388a..8fe5702d 100644 --- a/sass/utilities/mixins.sass +++ b/sass/utilities/mixins.sass @@ -4,15 +4,15 @@ border-top: 0 content: " " display: block - height: 7px + height: 0.5em pointer-events: none position: absolute transform: rotate(-45deg) - width: 7px + width: 0.5em =block &:not(:last-child) - margin-bottom: 20px + margin-bottom: 1.5rem =clearfix &:after @@ -28,47 +28,57 @@ top: 50% =delete + // We need even pixel dimensions to ensure the delete cross can be perfectly centered + $dimension-small: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-small)) * 1px + $dimension-normal: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-normal)) * 1px + $dimension-medium: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-medium)) * 1px + $dimension-large: roundToEvenNumber(1.5 * removeUnit($size-6) * removeUnit($size-large)) * 1px +unselectable -moz-appearance: none -webkit-appearance: none - background-color: rgba($black, 0.1) + background-color: rgba($black, 0.2) border: none border-radius: 290486px cursor: pointer display: inline-block - height: 24px + font-size: $size-normal + height: $dimension-normal outline: none position: relative + transform: rotate(45deg) + transform-origin: center center vertical-align: top - width: 24px + width: $dimension-normal &:before, &:after background-color: $white content: "" display: block - height: 2px left: 50% - margin-left: -25% - margin-top: -1px position: absolute top: 50% - width: 50% + transform: translateX(-50%) translateY(-50%) &:before - transform: rotate(45deg) + height: 2px + width: 50% &:after - transform: rotate(-45deg) - &:hover - background-color: rgba($black, 0.2) + height: 50% + width: 2px + &:hover, + &:focus + background-color: rgba($black, 0.3) + &:active + background-color: rgba($black, 0.4) // Sizes &.is-small - height: 16px - width: 16px + height: $dimension-small + width: $dimension-small &.is-medium - height: 32px - width: 32px + height: $dimension-medium + width: $dimension-medium &.is-large - height: 40px - width: 40px + height: $dimension-large + width: $dimension-large =fa($size, $dimensions) display: inline-block @@ -133,9 +143,12 @@ border-top-color: transparent content: "" display: block - height: 16px + height: 1rem position: relative - width: 16px + width: 1rem + +=overflow-touch + -webkit-overflow-scrolling: touch =overlay($offset: 0) bottom: $offset @@ -150,18 +163,6 @@ &:#{$placeholder}-placeholder @content -=replace($background, $width, $height) - background-color: $background - background-position: center center - background-repeat: no-repeat - background-size: $width $height - display: block - height: $height - outline: none - overflow: hidden - text-indent: -290486px - width: $width - =unselectable -webkit-touch-callout: none -webkit-user-select: none @@ -172,8 +173,10 @@ // Responsiveness $tablet: 769px !default -$desktop: 980px !default -$widescreen: 1180px !default +$desktop: 1000px !default // 960px container + 40px +$widescreen: 1192px !default // 1152px container + 40 +// 960 and 1152 have been chosen because +// they are divisible by both 12 and 16 =from($device) @media screen and (min-width: $device) diff --git a/sass/utilities/variables.sass b/sass/utilities/variables.sass index 3d5b4374..4c272923 100644 --- a/sass/utilities/variables.sass +++ b/sass/utilities/variables.sass @@ -29,19 +29,18 @@ $red: hsl(348, 100%, 61%) !default $family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default $family-monospace: "Inconsolata", "Consolas", "Monaco", monospace !default -$size-1: 48px !default -$size-2: 40px !default -$size-3: 28px !default -$size-4: 24px !default -$size-5: 18px !default +$size-1: 3.5rem !default +$size-2: 2.75rem !default +$size-3: 2rem !default +$size-4: 1.5rem !default +$size-5: 1.25rem !default $size-6: 14px !default +$size-7: 0.75rem !default -$size-7: 11px !default - +$weight-light: 300 !default $weight-normal: 400 !default +$weight-semibold: 500 !default $weight-bold: 700 !default -$weight-title-normal: 300 !default -$weight-title-bold: 500 !default // Miscellaneous $easing: ease-out !default @@ -69,19 +68,23 @@ $dark: $grey-darker !default // 3. Applied variables // Invert colors -$primary-invert: findColorInvert($primary) !default - -$info-invert: findColorInvert($info) !default -$success-invert: findColorInvert($success) !default -$warning-invert: findColorInvert($warning) !default -$danger-invert: findColorInvert($danger) !default +$orange-invert: findColorInvert($orange) !default +$yellow-invert: findColorInvert($yellow) !default +$green-invert: findColorInvert($green) !default +$turquoise-invert: findColorInvert($turquoise) !default +$blue-invert: findColorInvert($blue) !default +$purple-invert: findColorInvert($purple) !default +$red-invert: findColorInvert($red) !default +$primary-invert: $turquoise-invert !default +$info-invert: $blue-invert !default +$success-invert: $green-invert !default +$warning-invert: $yellow-invert !default +$danger-invert: $red-invert !default $light-invert: $dark !default $dark-invert: $light !default // General colors -$body-background: $white-ter !default - $background: $white-ter !default $border: $grey-lighter !default @@ -106,21 +109,22 @@ $link-invert: $primary-invert !default $link-visited: $purple !default $link-hover: $grey-darker !default -$link-hover-background: $white-ter !default -$link-hover-border: $grey-darker !default +$link-hover-border: $grey-light !default + +$link-focus: $grey-darker !default +$link-focus-border: $primary !default $link-active: $grey-darker !default -$link-active-border: $grey-darker !default +$link-active-border: $grey-dark !default // Typography $family-primary: $family-sans-serif !default $family-code: $family-monospace !default $size-small: $size-7 !default -$size-normal: $size-6 !default +$size-normal: 1rem !default $size-medium: $size-5 !default -$size-large: $size-3 !default -$size-huge: $size-1 !default +$size-large: $size-4 !default //////////////////////////////////////////////// ////////////////////////////////////////////////