diff options
author | Linh T. Tô <31973230+linhtto@users.noreply.github.com> | 2020-08-06 04:34:59 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-08-06 04:34:59 +0300 |
commit | ecb89b781b1691172ac13ec142eefa209fbafa00 (patch) | |
tree | 216f29ba7d84b82ab2012a9437fdd830478f5afc /exampleSite | |
parent | 8a9baff96895f71adf091abd80d398c1f03f5b8a (diff) |
#229 cleanup and update bulma (#231)
* Remove extra font files
* Update hard-coded variables
* Upgrade Bulma to v0.9.0
Diffstat (limited to 'exampleSite')
-rw-r--r-- | exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content | 1717 |
1 files changed, 1262 insertions, 455 deletions
diff --git a/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content b/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content index 6c00986..796d092 100644 --- a/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content +++ b/exampleSite/resources/_gen/assets/sass/sass/style.sass_7642ba43b3212fd7d7ba324df3b88b0c.content @@ -29,7 +29,7 @@ -ms-user-select: none; user-select: none; } -.navbar-link::after { +.navbar-link:not(.is-arrowless)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; @@ -56,6 +56,7 @@ border: none; border-radius: 290486px; cursor: pointer; + pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; @@ -110,14 +111,30 @@ min-width: 32px; width: 32px; } -.hero-video, .modal-background, .modal, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .is-overlay { +.hero-video, .modal-background, .modal, .image.is-square img, +.image.is-square .has-ratio, .image.is-1by1 img, +.image.is-1by1 .has-ratio, .image.is-5by4 img, +.image.is-5by4 .has-ratio, .image.is-4by3 img, +.image.is-4by3 .has-ratio, .image.is-3by2 img, +.image.is-3by2 .has-ratio, .image.is-5by3 img, +.image.is-5by3 .has-ratio, .image.is-16by9 img, +.image.is-16by9 .has-ratio, .image.is-2by1 img, +.image.is-2by1 .has-ratio, .image.is-3by1 img, +.image.is-3by1 .has-ratio, .image.is-4by5 img, +.image.is-4by5 .has-ratio, .image.is-3by4 img, +.image.is-3by4 .has-ratio, .image.is-2by3 img, +.image.is-2by3 .has-ratio, .image.is-3by5 img, +.image.is-3by5 .has-ratio, .image.is-9by16 img, +.image.is-9by16 .has-ratio, .image.is-1by2 img, +.image.is-1by2 .has-ratio, .image.is-1by3 img, +.image.is-1by3 .has-ratio, .is-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } -/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ +/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ html, body, p, @@ -169,7 +186,6 @@ html { box-sizing: inherit; } img, -audio, video { height: auto; max-width: 100%; } @@ -183,8 +199,10 @@ table { td, th { - padding: 0; - text-align: left; } + padding: 0; } + td:not([align]), + th:not([align]) { + text-align: inherit; } html { background-color: white; @@ -221,7 +239,7 @@ pre { body { color: #4a4a4a; - font-size: 1rem; + font-size: 1em; font-weight: 400; line-height: 1.5; } @@ -267,6 +285,9 @@ strong { color: #363636; font-weight: 700; } +fieldset { + border: none; } + pre { -webkit-overflow-scrolling: touch; background-color: #ffffff; @@ -284,12 +305,266 @@ pre { table td, table th { - text-align: left; vertical-align: top; } + table td:not([align]), + table th:not([align]) { + text-align: inherit; } table th { color: #363636; } +.has-text-white { + color: white !important; } + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6 !important; } + +.has-background-white { + background-color: white !important; } + +.has-text-black { + color: #0a0a0a !important; } + +a.has-text-black:hover, a.has-text-black:focus { + color: black !important; } + +.has-background-black { + background-color: #0a0a0a !important; } + +.has-text-light { + color: whitesmoke !important; } + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb !important; } + +.has-background-light { + background-color: whitesmoke !important; } + +.has-text-dark { + color: #363636 !important; } + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c !important; } + +.has-background-dark { + background-color: #363636 !important; } + +.has-text-primary { + color: #00b8d4 !important; } + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #008ca1 !important; } + +.has-background-primary { + background-color: #00b8d4 !important; } + +.has-text-primary-light { + color: #ebfcff !important; } + +a.has-text-primary-light:hover, a.has-text-primary-light:focus { + color: #b8f6ff !important; } + +.has-background-primary-light { + background-color: #ebfcff !important; } + +.has-text-primary-dark { + color: #0096ad !important; } + +a.has-text-primary-dark:hover, a.has-text-primary-dark:focus { + color: #00c3e0 !important; } + +.has-background-primary-dark { + background-color: #0096ad !important; } + +.has-text-link { + color: #3273dc !important; } + +a.has-text-link:hover, a.has-text-link:focus { + color: #205bbc !important; } + +.has-background-link { + background-color: #3273dc !important; } + +.has-text-link-light { + color: #eef3fc !important; } + +a.has-text-link-light:hover, a.has-text-link-light:focus { + color: #c2d5f5 !important; } + +.has-background-link-light { + background-color: #eef3fc !important; } + +.has-text-link-dark { + color: #2160c4 !important; } + +a.has-text-link-dark:hover, a.has-text-link-dark:focus { + color: #3b79de !important; } + +.has-background-link-dark { + background-color: #2160c4 !important; } + +.has-text-info { + color: #3298dc !important; } + +a.has-text-info:hover, a.has-text-info:focus { + color: #207dbc !important; } + +.has-background-info { + background-color: #3298dc !important; } + +.has-text-info-light { + color: #eef6fc !important; } + +a.has-text-info-light:hover, a.has-text-info-light:focus { + color: #c2e0f5 !important; } + +.has-background-info-light { + background-color: #eef6fc !important; } + +.has-text-info-dark { + color: #1d72aa !important; } + +a.has-text-info-dark:hover, a.has-text-info-dark:focus { + color: #248fd6 !important; } + +.has-background-info-dark { + background-color: #1d72aa !important; } + +.has-text-success { + color: #48c774 !important; } + +a.has-text-success:hover, a.has-text-success:focus { + color: #34a85c !important; } + +.has-background-success { + background-color: #48c774 !important; } + +.has-text-success-light { + color: #effaf3 !important; } + +a.has-text-success-light:hover, a.has-text-success-light:focus { + color: #c8eed6 !important; } + +.has-background-success-light { + background-color: #effaf3 !important; } + +.has-text-success-dark { + color: #257942 !important; } + +a.has-text-success-dark:hover, a.has-text-success-dark:focus { + color: #31a058 !important; } + +.has-background-success-dark { + background-color: #257942 !important; } + +.has-text-warning { + color: #ffdd57 !important; } + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd324 !important; } + +.has-background-warning { + background-color: #ffdd57 !important; } + +.has-text-warning-light { + color: #fffbeb !important; } + +a.has-text-warning-light:hover, a.has-text-warning-light:focus { + color: #fff1b8 !important; } + +.has-background-warning-light { + background-color: #fffbeb !important; } + +.has-text-warning-dark { + color: #947600 !important; } + +a.has-text-warning-dark:hover, a.has-text-warning-dark:focus { + color: #c79f00 !important; } + +.has-background-warning-dark { + background-color: #947600 !important; } + +.has-text-danger { + color: #f14668 !important; } + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ee1742 !important; } + +.has-background-danger { + background-color: #f14668 !important; } + +.has-text-danger-light { + color: #feecf0 !important; } + +a.has-text-danger-light:hover, a.has-text-danger-light:focus { + color: #fabdc9 !important; } + +.has-background-danger-light { + background-color: #feecf0 !important; } + +.has-text-danger-dark { + color: #cc0f35 !important; } + +a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { + color: #ee2049 !important; } + +.has-background-danger-dark { + background-color: #cc0f35 !important; } + +.has-text-black-bis { + color: #121212 !important; } + +.has-background-black-bis { + background-color: #121212 !important; } + +.has-text-black-ter { + color: #242424 !important; } + +.has-background-black-ter { + background-color: #242424 !important; } + +.has-text-grey-darker { + color: #363636 !important; } + +.has-background-grey-darker { + background-color: #363636 !important; } + +.has-text-grey-dark { + color: #4a4a4a !important; } + +.has-background-grey-dark { + background-color: #4a4a4a !important; } + +.has-text-grey { + color: #7a7a7a !important; } + +.has-background-grey { + background-color: #7a7a7a !important; } + +.has-text-grey-light { + color: #b5b5b5 !important; } + +.has-background-grey-light { + background-color: #b5b5b5 !important; } + +.has-text-grey-lighter { + color: #dbdbdb !important; } + +.has-background-grey-lighter { + background-color: #dbdbdb !important; } + +.has-text-white-ter { + color: whitesmoke !important; } + +.has-background-white-ter { + background-color: whitesmoke !important; } + +.has-text-white-bis { + color: #fafafa !important; } + +.has-background-white-bis { + background-color: #fafafa !important; } + .is-clearfix::after { clear: both; content: " "; @@ -301,9 +576,304 @@ table th { .is-pulled-right { float: right !important; } +.is-radiusless { + border-radius: 0 !important; } + +.is-shadowless { + box-shadow: none !important; } + .is-clipped { overflow: hidden !important; } +.is-relative { + position: relative !important; } + +.is-marginless { + margin: 0 !important; } + +.is-paddingless { + padding: 0 !important; } + +.mt-0 { + margin-top: 0 !important; } + +.mr-0 { + margin-right: 0 !important; } + +.mb-0 { + margin-bottom: 0 !important; } + +.ml-0 { + margin-left: 0 !important; } + +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.mt-1 { + margin-top: 0.25rem !important; } + +.mr-1 { + margin-right: 0.25rem !important; } + +.mb-1 { + margin-bottom: 0.25rem !important; } + +.ml-1 { + margin-left: 0.25rem !important; } + +.mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + +.mt-2 { + margin-top: 0.5rem !important; } + +.mr-2 { + margin-right: 0.5rem !important; } + +.mb-2 { + margin-bottom: 0.5rem !important; } + +.ml-2 { + margin-left: 0.5rem !important; } + +.mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + +.mt-3 { + margin-top: 0.75rem !important; } + +.mr-3 { + margin-right: 0.75rem !important; } + +.mb-3 { + margin-bottom: 0.75rem !important; } + +.ml-3 { + margin-left: 0.75rem !important; } + +.mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } + +.my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } + +.mt-4 { + margin-top: 1rem !important; } + +.mr-4 { + margin-right: 1rem !important; } + +.mb-4 { + margin-bottom: 1rem !important; } + +.ml-4 { + margin-left: 1rem !important; } + +.mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } + +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.mt-5 { + margin-top: 1.5rem !important; } + +.mr-5 { + margin-right: 1.5rem !important; } + +.mb-5 { + margin-bottom: 1.5rem !important; } + +.ml-5 { + margin-left: 1.5rem !important; } + +.mx-5 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } + +.my-5 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.mt-6 { + margin-top: 3rem !important; } + +.mr-6 { + margin-right: 3rem !important; } + +.mb-6 { + margin-bottom: 3rem !important; } + +.ml-6 { + margin-left: 3rem !important; } + +.mx-6 { + margin-left: 3rem !important; + margin-right: 3rem !important; } + +.my-6 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.pt-0 { + padding-top: 0 !important; } + +.pr-0 { + padding-right: 0 !important; } + +.pb-0 { + padding-bottom: 0 !important; } + +.pl-0 { + padding-left: 0 !important; } + +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.pt-1 { + padding-top: 0.25rem !important; } + +.pr-1 { + padding-right: 0.25rem !important; } + +.pb-1 { + padding-bottom: 0.25rem !important; } + +.pl-1 { + padding-left: 0.25rem !important; } + +.px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + +.pt-2 { + padding-top: 0.5rem !important; } + +.pr-2 { + padding-right: 0.5rem !important; } + +.pb-2 { + padding-bottom: 0.5rem !important; } + +.pl-2 { + padding-left: 0.5rem !important; } + +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + +.pt-3 { + padding-top: 0.75rem !important; } + +.pr-3 { + padding-right: 0.75rem !important; } + +.pb-3 { + padding-bottom: 0.75rem !important; } + +.pl-3 { + padding-left: 0.75rem !important; } + +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } + +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } + +.pt-4 { + padding-top: 1rem !important; } + +.pr-4 { + padding-right: 1rem !important; } + +.pb-4 { + padding-bottom: 1rem !important; } + +.pl-4 { + padding-left: 1rem !important; } + +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } + +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.pt-5 { + padding-top: 1.5rem !important; } + +.pr-5 { + padding-right: 1.5rem !important; } + +.pb-5 { + padding-bottom: 1.5rem !important; } + +.pl-5 { + padding-left: 1.5rem !important; } + +.px-5 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } + +.py-5 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.pt-6 { + padding-top: 3rem !important; } + +.pr-6 { + padding-right: 3rem !important; } + +.pb-6 { + padding-bottom: 3rem !important; } + +.pl-6 { + padding-left: 3rem !important; } + +.px-6 { + padding-left: 3rem !important; + padding-right: 3rem !important; } + +.py-6 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .is-size-1 { font-size: 3rem !important; } @@ -357,7 +927,7 @@ table th { .is-size-7-tablet { font-size: 0.75rem !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-size-1-touch { font-size: 3rem !important; } .is-size-2-touch { @@ -373,7 +943,7 @@ table th { .is-size-7-touch { font-size: 0.75rem !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-size-1-desktop { font-size: 3rem !important; } .is-size-2-desktop { @@ -389,7 +959,7 @@ table th { .is-size-7-desktop { font-size: 0.75rem !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-size-1-widescreen { font-size: 3rem !important; } .is-size-2-widescreen { @@ -405,7 +975,7 @@ table th { .is-size-7-widescreen { font-size: 0.75rem !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-size-1-fullhd { font-size: 3rem !important; } .is-size-2-fullhd { @@ -441,31 +1011,31 @@ table th { .has-text-centered-tablet { text-align: center !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-centered-tablet-only { text-align: center !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-centered-touch { text-align: center !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-centered-desktop { text-align: center !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-centered-desktop-only { text-align: center !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-centered-widescreen { text-align: center !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-centered-widescreen-only { text-align: center !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-centered-fullhd { text-align: center !important; } } @@ -477,31 +1047,31 @@ table th { .has-text-justified-tablet { text-align: justify !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-justified-tablet-only { text-align: justify !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-justified-touch { text-align: justify !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-justified-desktop { text-align: justify !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-justified-desktop-only { text-align: justify !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-justified-widescreen { text-align: justify !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-justified-widescreen-only { text-align: justify !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-justified-fullhd { text-align: justify !important; } } @@ -513,31 +1083,31 @@ table th { .has-text-left-tablet { text-align: left !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-left-tablet-only { text-align: left !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-left-touch { text-align: left !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-left-desktop { text-align: left !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-left-desktop-only { text-align: left !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-left-widescreen { text-align: left !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-left-widescreen-only { text-align: left !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-left-fullhd { text-align: left !important; } } @@ -549,31 +1119,31 @@ table th { .has-text-right-tablet { text-align: right !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-right-tablet-only { text-align: right !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-right-touch { text-align: right !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-right-desktop { text-align: right !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-right-desktop-only { text-align: right !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-right-widescreen { text-align: right !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-right-widescreen-only { text-align: right !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-right-fullhd { text-align: right !important; } } @@ -589,162 +1159,36 @@ table th { .is-italic { font-style: italic !important; } -.has-text-white { - color: white !important; } - -a.has-text-white:hover, a.has-text-white:focus { - color: #e6e6e6 !important; } - -.has-background-white { - background-color: white !important; } - -.has-text-black { - color: #0a0a0a !important; } - -a.has-text-black:hover, a.has-text-black:focus { - color: black !important; } - -.has-background-black { - background-color: #0a0a0a !important; } - -.has-text-light { - color: whitesmoke !important; } - -a.has-text-light:hover, a.has-text-light:focus { - color: #dbdbdb !important; } - -.has-background-light { - background-color: whitesmoke !important; } - -.has-text-dark { - color: #363636 !important; } - -a.has-text-dark:hover, a.has-text-dark:focus { - color: #1c1c1c !important; } - -.has-background-dark { - background-color: #363636 !important; } - -.has-text-primary { - color: #00b8d4 !important; } - -a.has-text-primary:hover, a.has-text-primary:focus { - color: #008ca1 !important; } - -.has-background-primary { - background-color: #00b8d4 !important; } - -.has-text-link { - color: #3273dc !important; } - -a.has-text-link:hover, a.has-text-link:focus { - color: #205bbc !important; } - -.has-background-link { - background-color: #3273dc !important; } - -.has-text-info { - color: #209cee !important; } - -a.has-text-info:hover, a.has-text-info:focus { - color: #0f81cc !important; } - -.has-background-info { - background-color: #209cee !important; } - -.has-text-success { - color: #23d160 !important; } - -a.has-text-success:hover, a.has-text-success:focus { - color: #1ca64c !important; } - -.has-background-success { - background-color: #23d160 !important; } - -.has-text-warning { - color: #ffdd57 !important; } - -a.has-text-warning:hover, a.has-text-warning:focus { - color: #ffd324 !important; } - -.has-background-warning { - background-color: #ffdd57 !important; } - -.has-text-danger { - color: #ff3860 !important; } - -a.has-text-danger:hover, a.has-text-danger:focus { - color: #ff0537 !important; } - -.has-background-danger { - background-color: #ff3860 !important; } - -.has-text-black-bis { - color: #121212 !important; } - -.has-background-black-bis { - background-color: #121212 !important; } - -.has-text-black-ter { - color: #242424 !important; } - -.has-background-black-ter { - background-color: #242424 !important; } - -.has-text-grey-darker { - color: #363636 !important; } - -.has-background-grey-darker { - background-color: #363636 !important; } - -.has-text-grey-dark { - color: #4a4a4a !important; } - -.has-background-grey-dark { - background-color: #4a4a4a !important; } - -.has-text-grey { - color: #7a7a7a !important; } - -.has-background-grey { - background-color: #7a7a7a !important; } - -.has-text-grey-light { - color: #b5b5b5 !important; } - -.has-background-grey-light { - background-color: #b5b5b5 !important; } - -.has-text-grey-lighter { - color: #dbdbdb !important; } - -.has-background-grey-lighter { - background-color: #dbdbdb !important; } - -.has-text-white-ter { - color: whitesmoke !important; } - -.has-background-white-ter { - background-color: whitesmoke !important; } - -.has-text-white-bis { - color: #fafafa !important; } - -.has-background-white-bis { - background-color: #fafafa !important; } - .has-text-weight-light { font-weight: 300 !important; } .has-text-weight-normal { font-weight: 400 !important; } +.has-text-weight-medium { + font-weight: 500 !important; } + .has-text-weight-semibold { font-weight: 600 !important; } .has-text-weight-bold { font-weight: 700 !important; } +.is-family-primary { + font-family: Nunito Sans, sans-serif !important; } + +.is-family-secondary { + font-family: Nunito Sans, sans-serif !important; } + +.is-family-sans-serif { + font-family: Nunito Sans, sans-serif !important; } + +.is-family-monospace { + font-family: monospace !important; } + +.is-family-code { + font-family: monospace !important; } + .is-block { display: block !important; } @@ -756,31 +1200,31 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-block-tablet { display: block !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-block-tablet-only { display: block !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-block-touch { display: block !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-block-desktop { display: block !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-block-desktop-only { display: block !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-block-widescreen { display: block !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-block-widescreen-only { display: block !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-block-fullhd { display: block !important; } } @@ -795,31 +1239,31 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-flex-tablet { display: flex !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { display: flex !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-flex-touch { display: flex !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-flex-desktop { display: flex !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { display: flex !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-flex-widescreen { display: flex !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { display: flex !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-flex-fullhd { display: flex !important; } } @@ -834,31 +1278,31 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-inline-tablet { display: inline !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-tablet-only { display: inline !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-inline-touch { display: inline !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-inline-desktop { display: inline !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-desktop-only { display: inline !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-inline-widescreen { display: inline !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-widescreen-only { display: inline !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-inline-fullhd { display: inline !important; } } @@ -873,31 +1317,31 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-inline-block-tablet { display: inline-block !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-block-tablet-only { display: inline-block !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-inline-block-touch { display: inline-block !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-inline-block-desktop { display: inline-block !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-block-desktop-only { display: inline-block !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-inline-block-widescreen { display: inline-block !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-block-widescreen-only { display: inline-block !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-inline-block-fullhd { display: inline-block !important; } } @@ -912,37 +1356,47 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-inline-flex-tablet { display: inline-flex !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { display: inline-flex !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-inline-flex-touch { display: inline-flex !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-inline-flex-desktop { display: inline-flex !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { display: inline-flex !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-inline-flex-widescreen { display: inline-flex !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { display: inline-flex !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-inline-flex-fullhd { display: inline-flex !important; } } .is-hidden { display: none !important; } +.is-sr-only { + border: none !important; + clip: rect(0, 0, 0, 0) !important; + height: 0.01em !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + white-space: nowrap !important; + width: 0.01em !important; } + @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } @@ -951,31 +1405,31 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-hidden-tablet { display: none !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-hidden-tablet-only { display: none !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-hidden-touch { display: none !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-hidden-desktop { display: none !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-hidden-desktop-only { display: none !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-hidden-widescreen { display: none !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-hidden-widescreen-only { display: none !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-hidden-fullhd { display: none !important; } } @@ -990,74 +1444,59 @@ a.has-text-danger:hover, a.has-text-danger:focus { .is-invisible-tablet { visibility: hidden !important; } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-invisible-tablet-only { visibility: hidden !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-invisible-touch { visibility: hidden !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-invisible-desktop { visibility: hidden !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-invisible-desktop-only { visibility: hidden !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-invisible-widescreen { visibility: hidden !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-invisible-widescreen-only { visibility: hidden !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-invisible-fullhd { visibility: hidden !important; } } -.is-marginless { - margin: 0 !important; } - -.is-paddingless { - padding: 0 !important; } - -.is-radiusless { - border-radius: 0 !important; } - -.is-shadowless { - box-shadow: none !important; } - .container { + flex-grow: 1; margin: 0 auto; - position: relative; } - @media screen and (min-width: 1088px) { + position: relative; + width: auto; } + .container.is-fluid { + max-width: none; + padding-left: 32px; + padding-right: 32px; + width: 100%; } + @media screen and (min-width: 1024px) { .container { - max-width: 960px; - width: 960px; } - .container.is-fluid { - margin-left: 64px; - margin-right: 64px; - max-width: none; - width: auto; } } - @media screen and (max-width: 1279px) { + max-width: 960px; } } + @media screen and (max-width: 1215px) { .container.is-widescreen { - max-width: 1152px; - width: auto; } } - @media screen and (max-width: 1471px) { + max-width: 1152px; } } + @media screen and (max-width: 1407px) { .container.is-fullhd { - max-width: 1344px; - width: auto; } } - @media screen and (min-width: 1280px) { + max-width: 1344px; } } + @media screen and (min-width: 1216px) { .container { - max-width: 1152px; - width: 1152px; } } - @media screen and (min-width: 1472px) { + max-width: 1152px; } } + @media screen and (min-width: 1408px) { .container { - max-width: 1344px; - width: 1344px; } } + max-width: 1344px; } } .image { display: block; position: relative; } @@ -1067,7 +1506,25 @@ a.has-text-danger:hover, a.has-text-danger:focus { width: 100%; } .image img.is-rounded { border-radius: 290486px; } - .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img { + .image.is-fullwidth { + width: 100%; } + .image.is-square img, + .image.is-square .has-ratio, .image.is-1by1 img, + .image.is-1by1 .has-ratio, .image.is-5by4 img, + .image.is-5by4 .has-ratio, .image.is-4by3 img, + .image.is-4by3 .has-ratio, .image.is-3by2 img, + .image.is-3by2 .has-ratio, .image.is-5by3 img, + .image.is-5by3 .has-ratio, .image.is-16by9 img, + .image.is-16by9 .has-ratio, .image.is-2by1 img, + .image.is-2by1 .has-ratio, .image.is-3by1 img, + .image.is-3by1 .has-ratio, .image.is-4by5 img, + .image.is-4by5 .has-ratio, .image.is-3by4 img, + .image.is-3by4 .has-ratio, .image.is-2by3 img, + .image.is-2by3 .has-ratio, .image.is-3by5 img, + .image.is-3by5 .has-ratio, .image.is-9by16 img, + .image.is-9by16 .has-ratio, .image.is-1by2 img, + .image.is-1by2 .has-ratio, .image.is-1by3 img, + .image.is-1by3 .has-ratio { height: 100%; width: 100%; } .image.is-square, .image.is-1by1 { @@ -1194,15 +1651,15 @@ a.has-text-danger:hover, a.has-text-danger:focus { .card { background-color: white; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); color: #4a4a4a; max-width: 100%; position: relative; } .card-header { - background-color: none; + background-color: transparent; align-items: stretch; - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1); display: flex; } .card-header-title { @@ -1211,7 +1668,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { display: flex; flex-grow: 1; font-weight: 700; - padding: 0.75rem; } + padding: 0.75rem 1rem; } .card-header-title.is-centered { justify-content: center; } @@ -1220,19 +1677,19 @@ a.has-text-danger:hover, a.has-text-danger:focus { cursor: pointer; display: flex; justify-content: center; - padding: 0.75rem; } + padding: 0.75rem 1rem; } .card-image { display: block; position: relative; } .card-content { - background-color: none; + background-color: transparent; padding: 1.5rem; } .card-footer { - background-color: none; - border-top: 1px solid #dbdbdb; + background-color: transparent; + border-top: 1px solid #ededed; align-items: stretch; display: flex; } @@ -1245,14 +1702,15 @@ a.has-text-danger:hover, a.has-text-danger:focus { justify-content: center; padding: 0.75rem; } .card-footer-item:not(:last-child) { - border-right: 1px solid #dbdbdb; } + border-right: 1px solid #ededed; } .card .media:not(:last-child) { - margin-bottom: 0.75rem; } + margin-bottom: 1.5rem; } .modal { align-items: center; display: none; + flex-direction: column; justify-content: center; overflow: hidden; position: fixed; @@ -1288,7 +1746,8 @@ a.has-text-danger:hover, a.has-text-danger:focus { display: flex; flex-direction: column; max-height: calc(100vh - 40px); - overflow: auto; } + overflow: hidden; + -ms-overflow-y: visible; } .modal-card-head, .modal-card-foot { @@ -1317,14 +1776,14 @@ a.has-text-danger:hover, a.has-text-danger:focus { border-bottom-right-radius: 6px; border-top: 1px solid #dbdbdb; } .modal-card-foot .button:not(:last-child) { - margin-right: 10px; } + margin-right: 0.5em; } .modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; flex-grow: 1; flex-shrink: 1; - overflow: unset; + overflow: auto; padding: 20px; } .navbar { @@ -1338,24 +1797,30 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link { color: #0a0a0a; } - .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, + .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, + .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: #f2f2f2; color: #0a0a0a; } .navbar.is-white .navbar-brand .navbar-link::after { border-color: #0a0a0a; } - @media screen and (min-width: 1088px) { + .navbar.is-white .navbar-burger { + color: #0a0a0a; } + @media screen and (min-width: 1024px) { .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link { color: #0a0a0a; } - .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active { background-color: #f2f2f2; @@ -1363,6 +1828,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: #0a0a0a; } + .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f2f2f2; @@ -1376,24 +1842,30 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link { color: white; } - .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, + .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, + .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: black; color: white; } .navbar.is-black .navbar-brand .navbar-link::after { border-color: white; } - @media screen and (min-width: 1088px) { + .navbar.is-black .navbar-burger { + color: white; } + @media screen and (min-width: 1024px) { .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link { color: white; } - .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active { background-color: black; @@ -1401,6 +1873,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: white; } + .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: black; @@ -1410,104 +1883,124 @@ a.has-text-danger:hover, a.has-text-danger:focus { color: white; } } .navbar.is-light { background-color: whitesmoke; - color: #363636; } + color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link { - color: #363636; } - .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, + color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, + .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: #e8e8e8; - color: #363636; } + color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand .navbar-link::after { - border-color: #363636; } - @media screen and (min-width: 1088px) { + border-color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-burger { + color: rgba(0, 0, 0, 0.7); } + @media screen and (min-width: 1024px) { .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link { - color: #363636; } - .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, + color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active { background-color: #e8e8e8; - color: #363636; } + color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { - border-color: #363636; } + border-color: rgba(0, 0, 0, 0.7); } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8e8e8; - color: #363636; } + color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; - color: #363636; } } + color: rgba(0, 0, 0, 0.7); } } .navbar.is-dark { background-color: #363636; - color: whitesmoke; } + color: #fff; } .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link { - color: whitesmoke; } - .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, + color: #fff; } + .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, + .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: #292929; - color: whitesmoke; } + color: #fff; } .navbar.is-dark .navbar-brand .navbar-link::after { - border-color: whitesmoke; } - @media screen and (min-width: 1088px) { + border-color: #fff; } + .navbar.is-dark .navbar-burger { + color: #fff; } + @media screen and (min-width: 1024px) { .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link { - color: whitesmoke; } - .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, + color: #fff; } + .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: #292929; - color: whitesmoke; } + color: #fff; } .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { - border-color: whitesmoke; } + border-color: #fff; } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: #292929; - color: whitesmoke; } + color: #fff; } .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: #363636; - color: whitesmoke; } } + color: #fff; } } .navbar.is-primary { background-color: #00b8d4; color: #fff; } .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { color: #fff; } - .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, + .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, + .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: #00a2bb; color: #fff; } .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } - @media screen and (min-width: 1088px) { + .navbar.is-primary .navbar-burger { + color: #fff; } + @media screen and (min-width: 1024px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { color: #fff; } - .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: #00a2bb; @@ -1515,6 +2008,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: #00a2bb; @@ -1528,24 +2022,30 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link { color: #fff; } - .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, + .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, + .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: #2366d1; color: #fff; } .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } - @media screen and (min-width: 1088px) { + .navbar.is-link .navbar-burger { + color: #fff; } + @media screen and (min-width: 1024px) { .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link { color: #fff; } - .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active { background-color: #2366d1; @@ -1553,6 +2053,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: #2366d1; @@ -1561,80 +2062,94 @@ a.has-text-danger:hover, a.has-text-danger:focus { background-color: #3273dc; color: #fff; } } .navbar.is-info { - background-color: #209cee; + background-color: #3298dc; color: #fff; } .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link { color: #fff; } - .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, + .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, + .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active { - background-color: #118fe4; + background-color: #238cd1; color: #fff; } .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } - @media screen and (min-width: 1088px) { + .navbar.is-info .navbar-burger { + color: #fff; } + @media screen and (min-width: 1024px) { .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link { color: #fff; } - .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active { - background-color: #118fe4; + background-color: #238cd1; color: #fff; } .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #118fe4; + background-color: #238cd1; color: #fff; } .navbar.is-info .navbar-dropdown a.navbar-item.is-active { - background-color: #209cee; + background-color: #3298dc; color: #fff; } } .navbar.is-success { - background-color: #23d160; + background-color: #48c774; color: #fff; } .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link { color: #fff; } - .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, + .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, + .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active { - background-color: #20bc56; + background-color: #3abb67; color: #fff; } .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } - @media screen and (min-width: 1088px) { + .navbar.is-success .navbar-burger { + color: #fff; } + @media screen and (min-width: 1024px) { .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link { color: #fff; } - .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active { - background-color: #20bc56; + background-color: #3abb67; color: #fff; } .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #20bc56; + background-color: #3abb67; color: #fff; } .navbar.is-success .navbar-dropdown a.navbar-item.is-active { - background-color: #23d160; + background-color: #48c774; color: #fff; } } .navbar.is-warning { background-color: #ffdd57; @@ -1642,24 +2157,30 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, + .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, + .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: #ffd83d; color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } - @media screen and (min-width: 1088px) { + .navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, 0.7); } + @media screen and (min-width: 1024px) { .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: #ffd83d; @@ -1667,6 +2188,7 @@ a.has-text-danger:hover, a.has-text-danger:focus { .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ffd83d; @@ -1675,42 +2197,49 @@ a.has-text-danger:hover, a.has-text-danger:focus { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } } .navbar.is-danger { - background-color: #ff3860; + background-color: #f14668; color: #fff; } .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link { color: #fff; } - .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, + .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, + .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active { - background-color: #ff1f4b; + background-color: #ef2e55; color: #fff; } .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } - @media screen and (min-width: 1088px) { + .navbar.is-danger .navbar-burger { + color: #fff; } + @media screen and (min-width: 1024px) { .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link { color: #fff; } - .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active { - background-color: #ff1f4b; + background-color: #ef2e55; color: #fff; } .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #ff1f4b; + background-color: #ef2e55; color: #fff; } .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { - background-color: #ff3860; + background-color: #f14668; color: #fff; } } .navbar > .container { align-items: stretch; @@ -1746,7 +2275,7 @@ body.has-navbar-fixed-bottom { flex-shrink: 0; min-height: 3.25rem; } -.navbar-brand a.navbar-item:hover { +.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { background-color: transparent; } .navbar-tabs { @@ -1756,6 +2285,7 @@ body.has-navbar-fixed-bottom { overflow-y: hidden; } .navbar-burger { + color: #4a4a4a; cursor: pointer; display: block; height: 3.25rem; @@ -1806,14 +2336,15 @@ body.has-navbar-fixed-bottom { a.navbar-item, .navbar-link { cursor: pointer; } - a.navbar-item:hover, a.navbar-item.is-active, + a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, + .navbar-link:focus, + .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { background-color: #ffffff; color: #dbdbdb; } .navbar-item { - display: block; flex-grow: 0; flex-shrink: 0; } .navbar-item img { @@ -1827,7 +2358,7 @@ a.navbar-item, border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } - .navbar-item.is-tab:hover { + .navbar-item.is-tab:focus, .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: #3273dc; } .navbar-item.is-tab.is-active { @@ -1842,9 +2373,9 @@ a.navbar-item, flex-grow: 1; flex-shrink: 1; } -.navbar-link { +.navbar-link:not(.is-arrowless) { padding-right: 2.5em; } - .navbar-link::after { + .navbar-link:not(.is-arrowless)::after { border-color: #3273dc; margin-top: -0.375em; right: 1.125em; } @@ -1864,7 +2395,7 @@ a.navbar-item, height: 2px; margin: 0.5rem 0; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .navbar > .container { display: block; } .navbar-brand .navbar-item, @@ -1901,7 +2432,7 @@ a.navbar-item, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar, .navbar-menu, .navbar-start, @@ -1918,13 +2449,14 @@ a.navbar-item, .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } - .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } - .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } - .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: #ffffff; color: #0a0a0a; } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { @@ -1936,25 +2468,23 @@ a.navbar-item, .navbar-link { align-items: center; display: flex; } - .navbar-item { - display: flex; } - .navbar-item.has-dropdown { - align-items: stretch; } - .navbar-item.has-dropdown-up .navbar-link::after { - transform: rotate(135deg) translate(0.25em, -0.25em); } - .navbar-item.has-dropdown-up .navbar-dropdown { - border-bottom: 2px solid #dbdbdb; - border-radius: 6px 6px 0 0; - border-top: none; - bottom: 100%; - box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - top: auto; } - .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { - display: block; } - .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { - opacity: 1; - pointer-events: auto; - transform: translateY(0); } + .navbar-item.has-dropdown { + align-items: stretch; } + .navbar-item.has-dropdown-up .navbar-link::after { + transform: rotate(135deg) translate(0.25em, -0.25em); } + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 2px solid #dbdbdb; + border-radius: 6px 6px 0 0; + border-top: none; + bottom: 100%; + box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); + top: auto; } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; } + .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + transform: translateY(0); } .navbar-menu { flex-grow: 1; flex-shrink: 0; } @@ -1982,7 +2512,7 @@ a.navbar-item, white-space: nowrap; } .navbar-dropdown a.navbar-item { padding-right: 3rem; } - .navbar-dropdown a.navbar-item:hover { + .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: #ffffff; color: #0a0a0a; } .navbar-dropdown a.navbar-item.is-active { @@ -2006,10 +2536,10 @@ a.navbar-item, display: block; } .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { - margin-left: -1rem; } + margin-left: -0.75rem; } .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { - margin-right: -1rem; } + margin-right: -0.75rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; @@ -2036,12 +2566,15 @@ a.navbar-item, a.navbar-item.is-active, .navbar-link.is-active { color: #0a0a0a; } - a.navbar-item.is-active:not(:hover), - .navbar-link.is-active:not(:hover) { + a.navbar-item.is-active:not(:focus):not(:hover), + .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } - .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ffffff; } } +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem); } + .column { display: block; flex-basis: 0; @@ -2098,6 +2631,11 @@ a.navbar-item, margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } + .columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; } + .columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; } .columns.is-mobile > .column.is-1 { flex: none; width: 8.33333333%; } @@ -2209,6 +2747,11 @@ a.navbar-item, margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } + .column.is-0-mobile { + flex: none; + width: 0%; } + .column.is-offset-0-mobile { + margin-left: 0%; } .column.is-1-mobile { flex: none; width: 8.33333333%; } @@ -2320,6 +2863,11 @@ a.navbar-item, margin-left: 60%; } .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; } .column.is-1, .column.is-1-tablet { flex: none; width: 8.33333333%; } @@ -2380,7 +2928,7 @@ a.navbar-item, width: 100%; } .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .column.is-narrow-touch { flex: none; } .column.is-full-touch { @@ -2431,6 +2979,11 @@ a.navbar-item, margin-left: 60%; } .column.is-offset-four-fifths-touch { margin-left: 80%; } + .column.is-0-touch { + flex: none; + width: 0%; } + .column.is-offset-0-touch { + margin-left: 0%; } .column.is-1-touch { flex: none; width: 8.33333333%; } @@ -2491,7 +3044,7 @@ a.navbar-item, width: 100%; } .column.is-offset-12-touch { margin-left: 100%; } } - @media screen and (min-width: 1088px) { + @media screen and (min-width: 1024px) { .column.is-narrow-desktop { flex: none; } .column.is-full-desktop { @@ -2542,6 +3095,11 @@ a.navbar-item, margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } + .column.is-0-desktop { + flex: none; + width: 0%; } + .column.is-offset-0-desktop { + margin-left: 0%; } .column.is-1-desktop { flex: none; width: 8.33333333%; } @@ -2602,7 +3160,7 @@ a.navbar-item, width: 100%; } .column.is-offset-12-desktop { margin-left: 100%; } } - @media screen and (min-width: 1280px) { + @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { flex: none; } .column.is-full-widescreen { @@ -2653,6 +3211,11 @@ a.navbar-item, margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } + .column.is-0-widescreen { + flex: none; + width: 0%; } + .column.is-offset-0-widescreen { + margin-left: 0%; } .column.is-1-widescreen { flex: none; width: 8.33333333%; } @@ -2713,7 +3276,7 @@ a.navbar-item, width: 100%; } .column.is-offset-12-widescreen { margin-left: 100%; } } - @media screen and (min-width: 1472px) { + @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { flex: none; } .column.is-full-fullhd { @@ -2764,6 +3327,11 @@ a.navbar-item, margin-left: 60%; } .column.is-offset-four-fifths-fullhd { margin-left: 80%; } + .column.is-0-fullhd { + flex: none; + width: 0%; } + .column.is-offset-0-fullhd { + margin-left: 0%; } .column.is-1-fullhd { flex: none; width: 8.33333333%; } @@ -2854,7 +3422,7 @@ a.navbar-item, @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { display: flex; } } - @media screen and (min-width: 1088px) { + @media screen and (min-width: 1024px) { .columns.is-desktop { display: flex; } } .columns.is-variable { @@ -2866,23 +3434,265 @@ a.navbar-item, padding-right: var(--columnGap); } .columns.is-variable.is-0 { --columnGap: 0rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem; } } .columns.is-variable.is-1 { --columnGap: 0.25rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem; } } .columns.is-variable.is-2 { --columnGap: 0.5rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem; } } .columns.is-variable.is-3 { --columnGap: 0.75rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem; } } .columns.is-variable.is-4 { --columnGap: 1rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem; } } .columns.is-variable.is-5 { --columnGap: 1.25rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem; } } .columns.is-variable.is-6 { --columnGap: 1.5rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem; } } .columns.is-variable.is-7 { --columnGap: 1.75rem; } + @media screen and (max-width: 768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem; } } .columns.is-variable.is-8 { --columnGap: 2rem; } - + @media screen and (max-width: 768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem; } } + @media screen and (min-width: 769px), print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem; } } + @media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; } } + @media screen and (max-width: 1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; } } + @media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; } } + @media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; } } + @media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; } } + @media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; } } + @media screen and (min-width: 1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem; } } .hero { align-items: stretch; display: flex; @@ -2895,7 +3705,7 @@ a.navbar-item, .hero.is-white { background-color: white; color: #0a0a0a; } - .hero.is-white a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong { color: inherit; } .hero.is-white .title { @@ -2905,7 +3715,7 @@ a.navbar-item, .hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong { color: #0a0a0a; } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-white .navbar-menu { background-color: white; } } .hero.is-white .navbar-item, @@ -2939,7 +3749,7 @@ a.navbar-item, .hero.is-black { background-color: #0a0a0a; color: white; } - .hero.is-black a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong { color: inherit; } .hero.is-black .title { @@ -2949,7 +3759,7 @@ a.navbar-item, .hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong { color: white; } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-black .navbar-menu { background-color: #0a0a0a; } } .hero.is-black .navbar-item, @@ -2982,42 +3792,42 @@ a.navbar-item, background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } } .hero.is-light { background-color: whitesmoke; - color: #363636; } - .hero.is-light a:not(.button):not(.dropdown-item):not(.tag), + color: rgba(0, 0, 0, 0.7); } + .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong { color: inherit; } .hero.is-light .title { - color: #363636; } + color: rgba(0, 0, 0, 0.7); } .hero.is-light .subtitle { - color: rgba(54, 54, 54, 0.9); } + color: rgba(0, 0, 0, 0.9); } .hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong { - color: #363636; } - @media screen and (max-width: 1087px) { + color: rgba(0, 0, 0, 0.7); } + @media screen and (max-width: 1023px) { .hero.is-light .navbar-menu { background-color: whitesmoke; } } .hero.is-light .navbar-item, .hero.is-light .navbar-link { - color: rgba(54, 54, 54, 0.7); } + color: rgba(0, 0, 0, 0.7); } .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light .navbar-link:hover, .hero.is-light .navbar-link.is-active { background-color: #e8e8e8; - color: #363636; } + color: rgba(0, 0, 0, 0.7); } .hero.is-light .tabs a { - color: #363636; + color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-light .tabs a:hover { opacity: 1; } .hero.is-light .tabs li.is-active a { opacity: 1; } .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { - color: #363636; } + color: rgba(0, 0, 0, 0.7); } .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { - background-color: #363636; - border-color: #363636; + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); color: whitesmoke; } .hero.is-light.is-bold { background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } @@ -3026,42 +3836,42 @@ a.navbar-item, background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } .hero.is-dark { background-color: #363636; - color: whitesmoke; } - .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), + color: #fff; } + .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong { color: inherit; } .hero.is-dark .title { - color: whitesmoke; } + color: #fff; } .hero.is-dark .subtitle { - color: rgba(245, 245, 245, 0.9); } + color: rgba(255, 255, 255, 0.9); } .hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong { - color: whitesmoke; } - @media screen and (max-width: 1087px) { + color: #fff; } + @media screen and (max-width: 1023px) { .hero.is-dark .navbar-menu { background-color: #363636; } } .hero.is-dark .navbar-item, .hero.is-dark .navbar-link { - color: rgba(245, 245, 245, 0.7); } + color: rgba(255, 255, 255, 0.7); } .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark .navbar-link.is-active { background-color: #292929; - color: whitesmoke; } + color: #fff; } .hero.is-dark .tabs a { - color: whitesmoke; + color: #fff; opacity: 0.9; } .hero.is-dark .tabs a:hover { opacity: 1; } .hero.is-dark .tabs li.is-active a { opacity: 1; } .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { - color: whitesmoke; } + color: #fff; } .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { - background-color: whitesmoke; - border-color: whitesmoke; + background-color: #fff; + border-color: #fff; color: #363636; } .hero.is-dark.is-bold { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } @@ -3071,7 +3881,7 @@ a.navbar-item, .hero.is-primary { background-color: #00b8d4; color: #fff; } - .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { @@ -3081,7 +3891,7 @@ a.navbar-item, .hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong { color: #fff; } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-primary .navbar-menu { background-color: #00b8d4; } } .hero.is-primary .navbar-item, @@ -3115,7 +3925,7 @@ a.navbar-item, .hero.is-link { background-color: #3273dc; color: #fff; } - .hero.is-link a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong { color: inherit; } .hero.is-link .title { @@ -3125,7 +3935,7 @@ a.navbar-item, .hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong { color: #fff; } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-link .navbar-menu { background-color: #3273dc; } } .hero.is-link .navbar-item, @@ -3157,9 +3967,9 @@ a.navbar-item, .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } } .hero.is-info { - background-color: #209cee; + background-color: #3298dc; color: #fff; } - .hero.is-info a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong { color: inherit; } .hero.is-info .title { @@ -3169,16 +3979,16 @@ a.navbar-item, .hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong { color: #fff; } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-info .navbar-menu { - background-color: #209cee; } } + background-color: #3298dc; } } .hero.is-info .navbar-item, .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info .navbar-link:hover, .hero.is-info .navbar-link.is-active { - background-color: #118fe4; + background-color: #238cd1; color: #fff; } .hero.is-info .tabs a { color: #fff; @@ -3194,16 +4004,16 @@ a.navbar-item, .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: #fff; border-color: #fff; - color: #209cee; } + color: #3298dc; } .hero.is-info.is-bold { - background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } + background-image: linear-gradient(141deg, #159dc6 0%, #3298dc 71%, #4389e5 100%); } @media screen and (max-width: 768px) { .hero.is-info.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } } + background-image: linear-gradient(141deg, #159dc6 0%, #3298dc 71%, #4389e5 100%); } } .hero.is-success { - background-color: #23d160; + background-color: #48c774; color: #fff; } - .hero.is-success a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong { color: inherit; } .hero.is-success .title { @@ -3213,16 +4023,16 @@ a.navbar-item, .hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong { color: #fff; } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-success .navbar-menu { - background-color: #23d160; } } + background-color: #48c774; } } .hero.is-success .navbar-item, .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success .navbar-link:hover, .hero.is-success .navbar-link.is-active { - background-color: #20bc56; + background-color: #3abb67; color: #fff; } .hero.is-success .tabs a { color: #fff; @@ -3238,16 +4048,16 @@ a.navbar-item, .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: #fff; border-color: #fff; - color: #23d160; } + color: #48c774; } .hero.is-success.is-bold { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); } @media screen and (max-width: 768px) { .hero.is-success.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } } + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); } } .hero.is-warning { background-color: #ffdd57; color: rgba(0, 0, 0, 0.7); } - .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong { color: inherit; } .hero.is-warning .title { @@ -3257,7 +4067,7 @@ a.navbar-item, .hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong { color: rgba(0, 0, 0, 0.7); } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-warning .navbar-menu { background-color: #ffdd57; } } .hero.is-warning .navbar-item, @@ -3289,9 +4099,9 @@ a.navbar-item, .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } } .hero.is-danger { - background-color: #ff3860; + background-color: #f14668; color: #fff; } - .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong { color: inherit; } .hero.is-danger .title { @@ -3301,16 +4111,16 @@ a.navbar-item, .hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong { color: #fff; } - @media screen and (max-width: 1087px) { + @media screen and (max-width: 1023px) { .hero.is-danger .navbar-menu { - background-color: #ff3860; } } + background-color: #f14668; } } .hero.is-danger .navbar-item, .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger .navbar-link.is-active { - background-color: #ff1f4b; + background-color: #ef2e55; color: #fff; } .hero.is-danger .tabs a { color: #fff; @@ -3326,27 +4136,24 @@ a.navbar-item, .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: #fff; border-color: #fff; - color: #ff3860; } + color: #f14668; } .hero.is-danger.is-bold { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } + background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%); } @media screen and (max-width: 768px) { .hero.is-danger.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } } + background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%); } } .hero.is-small .hero-body { - padding-bottom: 1.5rem; - padding-top: 1.5rem; } + padding: 1.5rem; } @media screen and (min-width: 769px), print { .hero.is-medium .hero-body { - padding-bottom: 9rem; - padding-top: 9rem; } } + padding: 9rem 1.5rem; } } @media screen and (min-width: 769px), print { .hero.is-large .hero-body { - padding-bottom: 18rem; - padding-top: 18rem; } } - .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { + padding: 18rem 1.5rem; } } + .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { align-items: center; display: flex; } - .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { + .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { flex-grow: 1; flex-shrink: 1; } .hero.is-halfheight { @@ -3393,7 +4200,7 @@ a.navbar-item, .section { padding: 3rem 1.5rem; } - @media screen and (min-width: 1088px) { + @media screen and (min-width: 1024px) { .section.is-medium { padding: 9rem 1.5rem; } .section.is-large { @@ -7096,7 +7903,7 @@ h1, h2, .title, .subtitle { color: #222222; } .title { - font-weight: 400; } + font-weight: 300; } ul { padding: 0; } @@ -7179,7 +7986,7 @@ pre { margin: 0 10px; } .fab { - font-size: 21px; } + font-size: 1.3rem; } .blog-share .icon { height: 1rem; @@ -7195,7 +8002,7 @@ pre { .navbar-item { text-transform: uppercase; - font-size: 14px; } + font-size: 0.875rem; } .owl-nav { height: 50px; } |