From 9928f2b9f0a08de5385e8e9fdc95150659cc8924 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Thu, 22 Sep 2016 19:48:42 +0100 Subject: [PATCH] Add new svg logo --- docs/_includes/svg/bulma-icon.svg | 12 + docs/bulma-docs.sass | 4 + docs/css/bulma-docs.css | 1190 +++++++---------------------- docs/index.html | 2 +- sass/elements/button.sass | 2 +- sass/elements/content.sass | 1 + sass/layout/hero.sass | 6 +- sass/utilities/functions.sass | 10 +- 8 files changed, 318 insertions(+), 909 deletions(-) create mode 100644 docs/_includes/svg/bulma-icon.svg diff --git a/docs/_includes/svg/bulma-icon.svg b/docs/_includes/svg/bulma-icon.svg new file mode 100644 index 00000000..34ea9e6d --- /dev/null +++ b/docs/_includes/svg/bulma-icon.svg @@ -0,0 +1,12 @@ + + + + bulma-icon + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/docs/bulma-docs.sass b/docs/bulma-docs.sass index 444ac748..4bffec0c 100644 --- a/docs/bulma-docs.sass +++ b/docs/bulma-docs.sass @@ -85,6 +85,10 @@ $twitter: #55acee margin-bottom: 40px vertical-align: top width: 240px + svg + display: block + height: 240px + width: 240px +mobile border-radius: 10px height: 120px diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index fcf7a7f9..61224fff 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -165,25 +165,12 @@ input[type=button] { overflow: visible; } -@-webkit-keyframes spin-around { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} - @keyframes spin-around { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(359deg); } } @@ -235,7 +222,6 @@ a { color: #11e4c4; cursor: pointer; text-decoration: none; - -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; } @@ -387,63 +373,47 @@ table th { } .is-flex { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .is-flex-mobile { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) { .is-flex-tablet { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-flex-tablet-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (max-width: 979px) { .is-flex-touch { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 980px) { .is-flex-desktop { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-flex-desktop-only { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @media screen and (min-width: 1180px) { .is-flex-widescreen { - display: -webkit-box !important; - display: -ms-flexbox !important; display: flex !important; } } @@ -541,63 +511,47 @@ table th { } .is-inline-flex { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) { .is-inline-flex-tablet { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 979px) { .is-inline-flex-tablet-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (max-width: 979px) { .is-inline-flex-touch { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 980px) { .is-inline-flex-desktop { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 980px) and (max-width: 1179px) { .is-inline-flex-desktop-only { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media screen and (min-width: 1180px) { .is-inline-flex-widescreen { - display: -webkit-inline-box !important; - display: -ms-inline-flexbox !important; display: inline-flex !important; } } @@ -717,29 +671,21 @@ a.box:active { .button { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #242424; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; position: relative; vertical-align: top; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding-left: 10px; padding-right: 10px; text-align: center; @@ -816,7 +762,7 @@ a.box:active { } .button.is-white:hover, .button.is-white:focus, .button.is-white.is-active { - background-color: #e6e6e6; + background-color: #f2f2f2; border-color: transparent; color: #121212; } @@ -857,7 +803,7 @@ a.box:active { } .button.is-black:hover, .button.is-black:focus, .button.is-black.is-active { - background-color: black; + background-color: #050505; border-color: transparent; color: white; } @@ -898,7 +844,7 @@ a.box:active { } .button.is-light:hover, .button.is-light:focus, .button.is-light.is-active { - background-color: #dbdbdb; + background-color: #e8e8e8; border-color: transparent; color: #7a7a7a; } @@ -939,7 +885,7 @@ a.box:active { } .button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active { - background-color: #616161; + background-color: #6e6e6e; border-color: transparent; color: whitesmoke; } @@ -980,7 +926,7 @@ a.box:active { } .button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active { - background-color: #0eb49b; + background-color: #0fccb0; border-color: transparent; color: white; } @@ -1021,7 +967,7 @@ a.box:active { } .button.is-info:hover, .button.is-info:focus, .button.is-info.is-active { - background-color: #0054db; + background-color: #005ef5; border-color: transparent; color: white; } @@ -1062,7 +1008,7 @@ a.box:active { } .button.is-success:hover, .button.is-success:focus, .button.is-success.is-active { - background-color: #0fcc51; + background-color: #11e45b; border-color: transparent; color: white; } @@ -1103,7 +1049,7 @@ a.box:active { } .button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active { - background-color: #dbaf00; + background-color: #f5c400; border-color: transparent; color: white; } @@ -1144,7 +1090,7 @@ a.box:active { } .button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active { - background-color: #db002c; + background-color: #f50031; border-color: transparent; color: white; } @@ -1218,8 +1164,6 @@ a.box:active { } .button.is-fullwidth { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; } @@ -1238,6 +1182,10 @@ a.box:active { position: absolute !important; } +.content { + color: #7a7a7a; +} + .content a:not(.button) { border-bottom: 1px solid #dbdbdb; } @@ -1351,21 +1299,15 @@ a.box:active { .input, .textarea { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #242424; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; @@ -1533,21 +1475,15 @@ a.box:active { .select select { -moz-appearance: none; -webkit-appearance: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: white; border: 1px solid #dbdbdb; border-radius: 3px; color: #242424; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; height: 32px; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; line-height: 24px; padding-left: 8px; padding-right: 8px; @@ -1652,8 +1588,7 @@ a.box:active { height: 7px; pointer-events: none; position: absolute; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); width: 7px; margin-top: -6px; right: 16px; @@ -1764,13 +1699,9 @@ a.box:active { @media screen and (min-width: 769px) { .control-label { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; margin-right: 20px; padding-top: 7px; text-align: right; @@ -1787,12 +1718,8 @@ a.box:active { } .control.has-addons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .control.has-addons .button, @@ -1853,34 +1780,24 @@ a.box:active { .control.has-addons .input.is-expanded, .control.has-addons .is-expanded.textarea, .control.has-addons .select.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .control.has-addons.has-addons-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .control.has-addons.has-addons-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .control.has-addons.has-addons-fullwidth .button, .control.has-addons.has-addons-fullwidth .input, .control.has-addons.has-addons-fullwidth .textarea, .control.has-addons.has-addons-fullwidth .select { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .control.has-icon > .fa { @@ -1982,12 +1899,8 @@ a.box:active { } .control.is-grouped { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .control.is-grouped > .control:not(:last-child) { @@ -1996,42 +1909,27 @@ a.box:active { } .control.is-grouped > .control.is-expanded { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .control.is-grouped.is-grouped-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .control.is-grouped.is-grouped-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } @media screen and (min-width: 769px) { .control.is-horizontal { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .control.is-horizontal > .control { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 5; - -ms-flex-positive: 5; - flex-grow: 5; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1; } } @@ -2659,13 +2557,11 @@ a.box:active { } .delete:before, .modal-close:before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } .delete:after, .modal-close:after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + transform: rotate(-45deg); } .delete:hover, .modal-close:hover { @@ -2748,12 +2644,8 @@ a.box:active { margin-left: -7px; position: absolute; top: 50%; - -webkit-transition: none 86ms ease-out; transition: none 86ms ease-out; - -webkit-transition-property: background, left, opacity, -webkit-transform; - transition-property: background, left, opacity, -webkit-transform; transition-property: background, left, opacity, transform; - transition-property: background, left, opacity, transform, -webkit-transform; width: 15px; } @@ -2779,10 +2671,8 @@ a.box:active { .hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) { margin-left: -5px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: left top; - transform-origin: left top; + transform: rotate(45deg); + transform-origin: left top; } .hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) { @@ -2791,10 +2681,8 @@ a.box:active { .hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) { margin-left: -5px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: left bottom; - transform-origin: left bottom; + transform: rotate(-45deg); + transform-origin: left bottom; } .heading { @@ -2819,8 +2707,7 @@ a.box:active { } .loader, .button.is-loading:after, .control.is-loading:after { - -webkit-animation: spin-around 500ms infinite linear; - animation: spin-around 500ms infinite linear; + animation: spin-around 500ms infinite linear; border: 2px solid #dbdbdb; border-radius: 290486px; border-right-color: transparent; @@ -2841,20 +2728,14 @@ a.box:active { } .tag { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; border-radius: 290486px; color: #7a7a7a; - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; height: 24px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; line-height: 16px; padding-left: 10px; padding-right: 10px; @@ -2949,42 +2830,26 @@ a.box:active { } .card-header { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; box-shadow: 0 1px 2px rgba(18, 18, 18, 0.1); - display: -webkit-box; - display: -ms-flexbox; display: flex; min-height: 40px; } .card-header-title { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; + align-items: flex-start; color: #242424; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; font-weight: bold; padding: 10px; } .card-header-icon { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; cursor: pointer; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; width: 40px; } @@ -3003,27 +2868,15 @@ a.box:active { .card-footer { border-top: 1px solid #dbdbdb; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; } .card-footer-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-grow: 1; + justify-content: center; padding: 10px; } @@ -3053,61 +2906,43 @@ a.box:active { } .column { - -ms-flex-preferred-size: 0; - flex-basis: 0; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; padding: 10px; } .columns.is-mobile > .column.is-narrow { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .columns.is-mobile > .column.is-full { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .columns.is-mobile > .column.is-three-quarters { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .columns.is-mobile > .column.is-two-thirds { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .columns.is-mobile > .column.is-half { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .columns.is-mobile > .column.is-one-third { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .columns.is-mobile > .column.is-one-quarter { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } @@ -3132,9 +2967,7 @@ a.box:active { } .columns.is-mobile > .column.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } @@ -3143,9 +2976,7 @@ a.box:active { } .columns.is-mobile > .column.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } @@ -3154,9 +2985,7 @@ a.box:active { } .columns.is-mobile > .column.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } @@ -3165,9 +2994,7 @@ a.box:active { } .columns.is-mobile > .column.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } @@ -3176,9 +3003,7 @@ a.box:active { } .columns.is-mobile > .column.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } @@ -3187,9 +3012,7 @@ a.box:active { } .columns.is-mobile > .column.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } @@ -3198,9 +3021,7 @@ a.box:active { } .columns.is-mobile > .column.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } @@ -3209,9 +3030,7 @@ a.box:active { } .columns.is-mobile > .column.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } @@ -3220,9 +3039,7 @@ a.box:active { } .columns.is-mobile > .column.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } @@ -3231,9 +3048,7 @@ a.box:active { } .columns.is-mobile > .column.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } @@ -3242,9 +3057,7 @@ a.box:active { } .columns.is-mobile > .column.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } @@ -3253,9 +3066,7 @@ a.box:active { } .columns.is-mobile > .column.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } @@ -3265,44 +3076,30 @@ a.box:active { @media screen and (max-width: 768px) { .column.is-narrow-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-mobile { @@ -3321,108 +3118,84 @@ a.box:active { margin-left: 25%; } .column.is-1-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-mobile { margin-left: 8.33333%; } .column.is-2-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-mobile { margin-left: 16.66667%; } .column.is-3-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-mobile { margin-left: 33.33333%; } .column.is-5-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-mobile { margin-left: 41.66667%; } .column.is-6-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-mobile { margin-left: 58.33333%; } .column.is-8-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-mobile { margin-left: 66.66667%; } .column.is-9-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-mobile { margin-left: 83.33333%; } .column.is-11-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-mobile { margin-left: 91.66667%; } .column.is-12-mobile { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-mobile { @@ -3432,44 +3205,30 @@ a.box:active { @media screen and (min-width: 769px) { .column.is-narrow, .column.is-narrow-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full, .column.is-full-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters, .column.is-three-quarters-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds, .column.is-two-thirds-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half, .column.is-half-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third, .column.is-one-third-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter, .column.is-one-quarter-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { @@ -3488,108 +3247,84 @@ a.box:active { margin-left: 25%; } .column.is-1, .column.is-1-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333%; } .column.is-2, .column.is-2-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66667%; } .column.is-3, .column.is-3-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; } .column.is-4, .column.is-4-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333%; } .column.is-5, .column.is-5-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66667%; } .column.is-6, .column.is-6-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; } .column.is-7, .column.is-7-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333%; } .column.is-8, .column.is-8-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66667%; } .column.is-9, .column.is-9-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; } .column.is-10, .column.is-10-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333%; } .column.is-11, .column.is-11-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66667%; } .column.is-12, .column.is-12-tablet { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { @@ -3599,44 +3334,30 @@ a.box:active { @media screen and (min-width: 980px) { .column.is-narrow-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-desktop { @@ -3655,108 +3376,84 @@ a.box:active { margin-left: 25%; } .column.is-1-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-desktop { margin-left: 8.33333%; } .column.is-2-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-desktop { margin-left: 16.66667%; } .column.is-3-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-desktop { margin-left: 33.33333%; } .column.is-5-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-desktop { margin-left: 41.66667%; } .column.is-6-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-desktop { margin-left: 58.33333%; } .column.is-8-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-desktop { margin-left: 66.66667%; } .column.is-9-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-desktop { margin-left: 83.33333%; } .column.is-11-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-desktop { margin-left: 91.66667%; } .column.is-12-desktop { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-desktop { @@ -3766,44 +3463,30 @@ a.box:active { @media screen and (min-width: 1180px) { .column.is-narrow-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; } .column.is-full-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-three-quarters-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-two-thirds-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.6666%; } .column.is-half-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-one-third-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.3333%; } .column.is-one-quarter-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-three-quarters-widescreen { @@ -3822,108 +3505,84 @@ a.box:active { margin-left: 25%; } .column.is-1-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .column.is-offset-1-widescreen { margin-left: 8.33333%; } .column.is-2-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .column.is-offset-2-widescreen { margin-left: 16.66667%; } .column.is-3-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .column.is-offset-4-widescreen { margin-left: 33.33333%; } .column.is-5-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .column.is-offset-5-widescreen { margin-left: 41.66667%; } .column.is-6-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .column.is-offset-7-widescreen { margin-left: 58.33333%; } .column.is-8-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .column.is-offset-8-widescreen { margin-left: 66.66667%; } .column.is-9-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .column.is-offset-10-widescreen { margin-left: 83.33333%; } .column.is-11-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .column.is-offset-11-widescreen { margin-left: 91.66667%; } .column.is-12-widescreen { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } .column.is-offset-12-widescreen { @@ -3946,9 +3605,7 @@ a.box:active { } .columns.is-centered { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .columns.is-gapless { @@ -3972,8 +3629,7 @@ a.box:active { @media screen and (min-width: 769px) { .columns.is-grid { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-grid > .column { max-width: 33.3333%; @@ -3986,53 +3642,34 @@ a.box:active { } .columns.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .columns.is-multiline { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .columns.is-vcentered { - -webkit-box-align: center; - -ms-flex-align: center; - -ms-grid-row-align: center; - align-items: center; + align-items: center; } @media screen and (min-width: 769px) { .columns:not(.is-desktop) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } @media screen and (min-width: 980px) { .columns.is-desktop { - display: -webkit-box; - display: -ms-flexbox; display: flex; } } .tile { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - -ms-grid-row-align: stretch; - align-items: stretch; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - min-height: -webkit-min-content; - min-height: -moz-min-content; + align-items: stretch; + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; min-height: min-content; } @@ -4059,10 +3696,7 @@ a.box:active { } .tile.is-vertical { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { @@ -4071,80 +3705,54 @@ a.box:active { @media screen and (min-width: 769px) { .tile:not(.is-child) { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .tile.is-1 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 8.33333%; } .tile.is-2 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 16.66667%; } .tile.is-3 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 25%; } .tile.is-4 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 33.33333%; } .tile.is-5 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 41.66667%; } .tile.is-6 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 50%; } .tile.is-7 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 58.33333%; } .tile.is-8 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 66.66667%; } .tile.is-9 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 75%; } .tile.is-10 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 83.33333%; } .tile.is-11 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 91.66667%; } .tile.is-12 { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + flex: none; width: 100%; } } @@ -4392,9 +4000,7 @@ a.box:active { .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } @media screen and (max-width: 768px) { @@ -4405,37 +4011,22 @@ a.box:active { @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; + align-items: center; display: flex; } } @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; + align-items: center; display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-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; - justify-content: space-between; + align-items: center; + justify-content: space-between; } .level code { @@ -4448,8 +4039,6 @@ a.box:active { } .level.is-mobile { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -4458,21 +4047,15 @@ a.box:active { } .level.is-mobile > .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } @media screen and (min-width: 769px) { .level { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .level > .level-item:not(.is-narrow) { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } } @@ -4510,20 +4093,13 @@ a.box:active { } .media-content { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; text-align: left; } .media { - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - display: -webkit-box; - display: -ms-flexbox; + align-items: flex-start; display: flex; text-align: left; } @@ -4534,8 +4110,6 @@ a.box:active { .media .media { border-top: 1px solid rgba(219, 219, 219, 0.5); - display: -webkit-box; - display: -ms-flexbox; display: flex; padding-top: 10px; } @@ -4802,31 +4376,19 @@ a.box:active { } .modal-card { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; } .modal-card-head, .modal-card-foot { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; background-color: whitesmoke; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-shrink: 0; + justify-content: flex-start; padding: 20px; position: relative; } @@ -4839,11 +4401,8 @@ a.box:active { .modal-card-title { color: #242424; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; font-size: 24px; line-height: 1; } @@ -4860,11 +4419,8 @@ a.box:active { .modal-card-body { background-color: white; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 1; - flex-shrink: 1; + flex-grow: 1; + flex-shrink: 1; overflow: auto; padding: 20px; } @@ -4875,22 +4431,15 @@ a.box:active { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - -ms-grid-row-align: center; - align-items: center; + align-items: center; display: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; overflow: hidden; position: fixed; z-index: 1986; } .modal.is-active { - display: -webkit-box; - display: -ms-flexbox; display: flex; } @@ -4901,24 +4450,15 @@ a.box:active { } .nav-item { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 10px; } .nav-item a { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .nav-item img { @@ -4939,9 +4479,7 @@ a.box:active { @media screen and (max-width: 768px) { .nav-item { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } } @@ -5007,69 +4545,39 @@ a.nav-item.is-tab.is-active { } .nav-left { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; 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: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; overflow: hidden; overflow-x: auto; white-space: nowrap; } .nav-center { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-left: auto; margin-right: auto; } @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; + align-items: stretch; 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; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-end; } } .nav { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; background-color: white; - display: -webkit-box; - display: -ms-flexbox; display: flex; min-height: 50px; position: relative; @@ -5078,11 +4586,7 @@ a.nav-item.is-tab.is-active { } .nav > .container { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; min-height: 50px; width: 100%; @@ -5116,15 +4620,9 @@ a.nav-item.is-tab.is-active { } .pagination { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; text-align: center; } @@ -5145,26 +4643,16 @@ a.nav-item.is-tab.is-active { } .pagination ul { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; } @media screen and (max-width: 768px) { .pagination { - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .pagination > a { width: calc(50% - 5px); @@ -5173,11 +4661,8 @@ a.nav-item.is-tab.is-active { margin-left: 10px; } .pagination li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .pagination ul { margin-top: 10px; @@ -5186,9 +4671,7 @@ a.nav-item.is-tab.is-active { @media screen and (min-width: 769px) { .pagination > a:not(:first-child) { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } } @@ -5229,14 +4712,10 @@ a.nav-item.is-tab.is-active { } .panel-tabs { - 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; + justify-content: center; } .panel-tabs a { @@ -5279,15 +4758,9 @@ a.panel-block:hover { } .tabs { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -ms-flexbox; + align-items: stretch; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; line-height: 24px; overflow: hidden; overflow-x: auto; @@ -5295,17 +4768,11 @@ a.panel-block:hover { } .tabs a { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom: 1px solid #dbdbdb; color: #7a7a7a; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; margin-bottom: -1px; padding: 6px 12px; vertical-align: top; @@ -5326,21 +4793,12 @@ a.panel-block:hover { } .tabs ul { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; border-bottom: 1px solid #dbdbdb; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; } .tabs ul.is-left { @@ -5348,20 +4806,14 @@ a.panel-block:hover { } .tabs ul.is-center { - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + flex: none; + justify-content: center; padding-left: 10px; padding-right: 10px; } .tabs ul.is-right { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; padding-left: 10px; } @@ -5374,15 +4826,11 @@ a.panel-block:hover { } .tabs.is-centered ul { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .tabs.is-right ul { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .tabs.is-boxed a { @@ -5404,11 +4852,8 @@ a.panel-block:hover { } .tabs.is-fullwidth li { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .tabs.is-toggle a { @@ -5502,8 +4947,7 @@ a.panel-block:hover { min-width: 100%; position: absolute; top: 50%; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { @@ -5522,8 +4966,6 @@ a.panel-block:hover { @media screen and (max-width: 768px) { .hero-buttons .button { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .hero-buttons .button:not(:last-child) { @@ -5533,12 +4975,8 @@ a.panel-block:hover { @media screen and (min-width: 769px) { .hero-buttons { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .hero-buttons .button:not(:last-child) { margin-right: 20px; @@ -5547,16 +4985,12 @@ a.panel-block:hover { .hero-head, .hero-foot { - -ms-flex-negative: 0; - flex-shrink: 0; + flex-shrink: 0; } .hero-body { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; padding: 40px 20px; } @@ -5568,20 +5002,11 @@ a.panel-block:hover { } .hero { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; + align-items: stretch; background-color: white; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + flex-direction: column; + justify-content: space-between; } .hero .nav { @@ -5608,7 +5033,7 @@ a.panel-block:hover { } .hero.is-white .subtitle { - color: rgba(18, 18, 18, 0.7); + color: rgba(18, 18, 18, 0.9); } .hero.is-white .subtitle a, @@ -5628,7 +5053,7 @@ a.panel-block:hover { .hero.is-white a.nav-item, .hero.is-white .nav-item a:not(.button) { - color: rgba(18, 18, 18, 0.5); + color: rgba(18, 18, 18, 0.7); } .hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active, @@ -5639,7 +5064,7 @@ a.panel-block:hover { .hero.is-white .tabs a { color: #121212; - opacity: 0.5; + opacity: 0.9; } .hero.is-white .tabs a:hover { @@ -5665,7 +5090,6 @@ a.panel-block:hover { } .hero.is-white.is-bold { - background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%); background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } @@ -5699,7 +5123,7 @@ a.panel-block:hover { } .hero.is-black .subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.9); } .hero.is-black .subtitle a, @@ -5719,7 +5143,7 @@ a.panel-block:hover { .hero.is-black a.nav-item, .hero.is-black .nav-item a:not(.button) { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.7); } .hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active, @@ -5730,7 +5154,7 @@ a.panel-block:hover { .hero.is-black .tabs a { color: white; - opacity: 0.5; + opacity: 0.9; } .hero.is-black .tabs a:hover { @@ -5756,7 +5180,6 @@ a.panel-block:hover { } .hero.is-black.is-bold { - background-image: -webkit-linear-gradient(309deg, black 0%, #121212 71%, #201d1d 100%); background-image: linear-gradient(141deg, black 0%, #121212 71%, #201d1d 100%); } @@ -5790,7 +5213,7 @@ a.panel-block:hover { } .hero.is-light .subtitle { - color: rgba(122, 122, 122, 0.7); + color: rgba(122, 122, 122, 0.9); } .hero.is-light .subtitle a, @@ -5810,7 +5233,7 @@ a.panel-block:hover { .hero.is-light a.nav-item, .hero.is-light .nav-item a:not(.button) { - color: rgba(122, 122, 122, 0.5); + color: rgba(122, 122, 122, 0.7); } .hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active, @@ -5821,7 +5244,7 @@ a.panel-block:hover { .hero.is-light .tabs a { color: #7a7a7a; - opacity: 0.5; + opacity: 0.9; } .hero.is-light .tabs a:hover { @@ -5847,7 +5270,6 @@ a.panel-block:hover { } .hero.is-light.is-bold { - background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%); background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%); } @@ -5881,7 +5303,7 @@ a.panel-block:hover { } .hero.is-dark .subtitle { - color: rgba(245, 245, 245, 0.7); + color: rgba(245, 245, 245, 0.9); } .hero.is-dark .subtitle a, @@ -5901,7 +5323,7 @@ a.panel-block:hover { .hero.is-dark a.nav-item, .hero.is-dark .nav-item a:not(.button) { - color: rgba(245, 245, 245, 0.5); + color: rgba(245, 245, 245, 0.7); } .hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active, @@ -5912,7 +5334,7 @@ a.panel-block:hover { .hero.is-dark .tabs a { color: whitesmoke; - opacity: 0.5; + opacity: 0.9; } .hero.is-dark .tabs a:hover { @@ -5938,7 +5360,6 @@ a.panel-block:hover { } .hero.is-dark.is-bold { - background-image: -webkit-linear-gradient(309deg, #6b5757 0%, #7a7a7a 71%, #8d8181 100%); background-image: linear-gradient(141deg, #6b5757 0%, #7a7a7a 71%, #8d8181 100%); } @@ -5972,7 +5393,7 @@ a.panel-block:hover { } .hero.is-primary .subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.9); } .hero.is-primary .subtitle a, @@ -5992,7 +5413,7 @@ a.panel-block:hover { .hero.is-primary a.nav-item, .hero.is-primary .nav-item a:not(.button) { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.7); } .hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active, @@ -6003,7 +5424,7 @@ a.panel-block:hover { .hero.is-primary .tabs a { color: white; - opacity: 0.5; + opacity: 0.9; } .hero.is-primary .tabs a:hover { @@ -6029,7 +5450,6 @@ a.panel-block:hover { } .hero.is-primary.is-bold { - background-image: -webkit-linear-gradient(309deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%); background-image: linear-gradient(141deg, #04be83 0%, #11e4c4 71%, #1af1f4 100%); } @@ -6063,7 +5483,7 @@ a.panel-block:hover { } .hero.is-info .subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.9); } .hero.is-info .subtitle a, @@ -6083,7 +5503,7 @@ a.panel-block:hover { .hero.is-info a.nav-item, .hero.is-info .nav-item a:not(.button) { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.7); } .hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active, @@ -6094,7 +5514,7 @@ a.panel-block:hover { .hero.is-info .tabs a { color: white; - opacity: 0.5; + opacity: 0.9; } .hero.is-info .tabs a:hover { @@ -6120,7 +5540,6 @@ a.panel-block:hover { } .hero.is-info.is-bold { - background-image: -webkit-linear-gradient(309deg, #0079db 0%, #0f6bff 71%, #2957ff 100%); background-image: linear-gradient(141deg, #0079db 0%, #0f6bff 71%, #2957ff 100%); } @@ -6154,7 +5573,7 @@ a.panel-block:hover { } .hero.is-success .subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.9); } .hero.is-success .subtitle a, @@ -6174,7 +5593,7 @@ a.panel-block:hover { .hero.is-success a.nav-item, .hero.is-success .nav-item a:not(.button) { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.7); } .hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active, @@ -6185,7 +5604,7 @@ a.panel-block:hover { .hero.is-success .tabs a { color: white; - opacity: 0.5; + opacity: 0.9; } .hero.is-success .tabs a:hover { @@ -6211,7 +5630,6 @@ a.panel-block:hover { } .hero.is-success.is-bold { - background-image: -webkit-linear-gradient(309deg, #04d72b 0%, #20ee68 71%, #32f597 100%); background-image: linear-gradient(141deg, #04d72b 0%, #20ee68 71%, #32f597 100%); } @@ -6245,7 +5663,7 @@ a.panel-block:hover { } .hero.is-warning .subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.9); } .hero.is-warning .subtitle a, @@ -6265,7 +5683,7 @@ a.panel-block:hover { .hero.is-warning a.nav-item, .hero.is-warning .nav-item a:not(.button) { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.7); } .hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active, @@ -6276,7 +5694,7 @@ a.panel-block:hover { .hero.is-warning .tabs a { color: white; - opacity: 0.5; + opacity: 0.9; } .hero.is-warning .tabs a:hover { @@ -6302,7 +5720,6 @@ a.panel-block:hover { } .hero.is-warning.is-bold { - background-image: -webkit-linear-gradient(309deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%); background-image: linear-gradient(141deg, #db8b00 0%, #ffcf0f 71%, #fff829 100%); } @@ -6336,7 +5753,7 @@ a.panel-block:hover { } .hero.is-danger .subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.9); } .hero.is-danger .subtitle a, @@ -6356,7 +5773,7 @@ a.panel-block:hover { .hero.is-danger a.nav-item, .hero.is-danger .nav-item a:not(.button) { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.7); } .hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active, @@ -6367,7 +5784,7 @@ a.panel-block:hover { .hero.is-danger .tabs a { color: white; - opacity: 0.5; + opacity: 0.9; } .hero.is-danger .tabs a:hover { @@ -6393,7 +5810,6 @@ a.panel-block:hover { } .hero.is-danger.is-bold { - background-image: -webkit-linear-gradient(309deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%); background-image: linear-gradient(141deg, #db0050 0%, #ff0f3f 71%, #ff2930 100%); } @@ -6431,20 +5847,13 @@ a.panel-block:hover { } .hero.is-fullheight .hero-body { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; } .hero.is-fullheight .hero-body > .container { - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -ms-flex-negative: 0; - flex-shrink: 0; + flex-grow: 1; + flex-shrink: 0; } .section { @@ -6586,6 +5995,12 @@ body.page-grid .column > .notification { width: 240px; } +#b svg { + display: block; + height: 240px; + width: 240px; +} + @media screen and (max-width: 768px) { #b { border-radius: 10px; @@ -6632,17 +6047,11 @@ body.page-grid .column > .notification { } #social { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -ms-flexbox; + align-items: center; display: flex; height: 20px; margin-bottom: 1em; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } #social a { @@ -6764,18 +6173,12 @@ body.page-grid .column > .notification { position: absolute; right: 0; top: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; content: attr(title); - display: -webkit-box; - display: -ms-flexbox; display: flex; font-family: "Inconsolata", "Consolas", "Monaco", monospace; font-size: 11px; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; padding: 3px 5px; z-index: 2; } @@ -6785,13 +6188,8 @@ body.page-grid .column > .notification { } .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; + align-items: flex-start; + justify-content: flex-start; padding: 5px 10px; } diff --git a/docs/index.html b/docs/index.html index adb8529e..2f5a81c7 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,7 +13,7 @@ route: index

- {{ site.title }} + {% include svg/bulma-icon.svg %}

Bulma diff --git a/sass/elements/button.sass b/sass/elements/button.sass index 4b5cb6c7..a4a7dc65 100644 --- a/sass/elements/button.sass +++ b/sass/elements/button.sass @@ -56,7 +56,7 @@ &:hover, &:focus, &.is-active - background-color: darken($color, 10%) + background-color: darken($color, 5%) border-color: transparent color: $color-invert &:active diff --git a/sass/elements/content.sass b/sass/elements/content.sass index a54203f6..f5c9c21d 100644 --- a/sass/elements/content.sass +++ b/sass/elements/content.sass @@ -1,5 +1,6 @@ .content @extend .block + color: $text // Inline a:not(.button) border-bottom: 1px solid $border diff --git a/sass/layout/hero.sass b/sass/layout/hero.sass index e92b4def..06822e70 100644 --- a/sass/layout/hero.sass +++ b/sass/layout/hero.sass @@ -73,7 +73,7 @@ strong color: inherit .subtitle - color: rgba($color-invert, 0.7) + color: rgba($color-invert, 0.9) a, strong color: $color-invert @@ -84,14 +84,14 @@ background-color: $color a.nav-item, .nav-item a:not(.button) - color: rgba($color-invert, 0.5) + color: rgba($color-invert, 0.7) &:hover, &.is-active color: $color-invert .tabs a color: $color-invert - opacity: 0.5 + opacity: 0.9 &:hover opacity: 1 li diff --git a/sass/utilities/functions.sass b/sass/utilities/functions.sass index 661a72cc..49a47b6b 100644 --- a/sass/utilities/functions.sass +++ b/sass/utilities/functions.sass @@ -21,14 +21,8 @@ $color-rgb: map-merge($color-rgb, ($name: $value)) @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722) -@function closestEvenNumber($number) - @if ($number % 2 == 0px) - @return $number - @else - @return ($number + 1px) - @function findColorInvert($color) - @if (colorLuminance($color) > 0.8) - @return rgba($black, 0.5) + @if (colorLuminance($color) > 0.7) + @return rgba($black, 0.7) @else @return white