From cd2f886df25dd1152bd1abc0beae1d48896600f8 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Mon, 14 Aug 2017 12:44:24 +0100 Subject: [PATCH] Add bd classes --- docs/_includes/blog-hero.html | 2 +- docs/_includes/color/black-bis.html | 2 +- docs/_includes/color/black-ter.html | 2 +- docs/_includes/color/black.html | 2 +- docs/_includes/color/blue.html | 2 +- docs/_includes/color/green.html | 2 +- docs/_includes/color/grey-dark.html | 2 +- docs/_includes/color/grey-darker.html | 2 +- docs/_includes/color/grey-light.html | 2 +- docs/_includes/color/grey-lighter.html | 2 +- docs/_includes/color/grey.html | 2 +- docs/_includes/color/orange.html | 2 +- docs/_includes/color/purple.html | 2 +- docs/_includes/color/red.html | 2 +- docs/_includes/color/turquoise.html | 2 +- docs/_includes/color/white-bis.html | 2 +- docs/_includes/color/white-ter.html | 2 +- docs/_includes/color/white.html | 2 +- docs/_includes/color/yellow.html | 2 +- docs/_includes/elements/tw-button.html | 4 +- docs/_includes/features.html | 26 +- docs/_includes/heading.html | 4 +- docs/_includes/navbar.html | 8 +- docs/_includes/pro.html | 6 +- docs/_includes/testimonials.html | 18 +- docs/_includes/tw.html | 18 +- docs/_includes/tws.html | 6 +- docs/_layouts/post.html | 14 +- docs/_sass/bootstrap.sass | 26 +- docs/_sass/callout.sass | 2 +- docs/_sass/example.sass | 16 +- docs/_sass/expo.sass | 22 +- docs/_sass/header.sass | 2 +- docs/_sass/love.sass | 48 +- docs/_sass/specific.sass | 46 +- docs/_sass/twitter.sass | 32 +- docs/alternative-to-bootstrap.html | 14 +- docs/blog.html | 12 +- docs/css/bulma-docs.css | 2810 +++++------------ docs/documentation/components/breadcrumb.html | 22 +- docs/documentation/components/level.html | 16 +- .../components/media-object.html | 14 +- docs/documentation/components/nav.html | 4 +- docs/documentation/components/navbar.html | 26 +- docs/documentation/components/pagination.html | 14 +- docs/documentation/components/tabs.html | 28 +- docs/documentation/elements/button.html | 10 +- docs/documentation/elements/content.html | 8 +- docs/documentation/elements/form.html | 18 +- docs/documentation/elements/icon.html | 2 +- docs/documentation/elements/image.html | 4 +- docs/documentation/elements/progress.html | 6 +- docs/documentation/elements/table.html | 2 +- docs/documentation/elements/tag.html | 12 +- docs/documentation/form/file.html | 26 +- docs/documentation/form/general.html | 26 +- docs/documentation/layout/container.html | 8 +- docs/documentation/layout/footer.html | 2 +- docs/documentation/layout/hero.html | 42 +- docs/documentation/overview/colors.html | 6 +- docs/documentation/overview/functions.html | 38 +- docs/documentation/overview/start.html | 2 +- docs/documentation/overview/variables.html | 2 +- docs/expo.html | 24 +- docs/index.html | 2 +- docs/love.html | 104 +- 66 files changed, 1184 insertions(+), 2456 deletions(-) diff --git a/docs/_includes/blog-hero.html b/docs/_includes/blog-hero.html index 604698b0..b8f4c22a 100644 --- a/docs/_includes/blog-hero.html +++ b/docs/_includes/blog-hero.html @@ -13,7 +13,7 @@

Stay updated about new features, bug fixes, and releases

- + diff --git a/docs/_includes/color/black-bis.html b/docs/_includes/color/black-bis.html index cd5ce819..281de68b 100644 --- a/docs/_includes/color/black-bis.html +++ b/docs/_includes/color/black-bis.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 7%) diff --git a/docs/_includes/color/black-ter.html b/docs/_includes/color/black-ter.html index b1771437..eaac1fe6 100644 --- a/docs/_includes/color/black-ter.html +++ b/docs/_includes/color/black-ter.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 14%) diff --git a/docs/_includes/color/black.html b/docs/_includes/color/black.html index 09588cb0..dc722c1d 100644 --- a/docs/_includes/color/black.html +++ b/docs/_includes/color/black.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 4%) diff --git a/docs/_includes/color/blue.html b/docs/_includes/color/blue.html index cce7f427..05915938 100644 --- a/docs/_includes/color/blue.html +++ b/docs/_includes/color/blue.html @@ -1,2 +1,2 @@ - + hsl(217, 71%, 53%) diff --git a/docs/_includes/color/green.html b/docs/_includes/color/green.html index bce2f227..b4f7ae6c 100644 --- a/docs/_includes/color/green.html +++ b/docs/_includes/color/green.html @@ -1,2 +1,2 @@ - + hsl(141, 71%, 48%) diff --git a/docs/_includes/color/grey-dark.html b/docs/_includes/color/grey-dark.html index 08601190..94dc3a4d 100644 --- a/docs/_includes/color/grey-dark.html +++ b/docs/_includes/color/grey-dark.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 29%) diff --git a/docs/_includes/color/grey-darker.html b/docs/_includes/color/grey-darker.html index 9dc0d4f7..96910ed9 100644 --- a/docs/_includes/color/grey-darker.html +++ b/docs/_includes/color/grey-darker.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 21%) diff --git a/docs/_includes/color/grey-light.html b/docs/_includes/color/grey-light.html index d1782f94..036cae2b 100644 --- a/docs/_includes/color/grey-light.html +++ b/docs/_includes/color/grey-light.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 71%) diff --git a/docs/_includes/color/grey-lighter.html b/docs/_includes/color/grey-lighter.html index a95468c4..4e5c5633 100644 --- a/docs/_includes/color/grey-lighter.html +++ b/docs/_includes/color/grey-lighter.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 86%) diff --git a/docs/_includes/color/grey.html b/docs/_includes/color/grey.html index 6ef9ec6d..c4670183 100644 --- a/docs/_includes/color/grey.html +++ b/docs/_includes/color/grey.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 48%) diff --git a/docs/_includes/color/orange.html b/docs/_includes/color/orange.html index afa19bce..26c2e366 100644 --- a/docs/_includes/color/orange.html +++ b/docs/_includes/color/orange.html @@ -1,2 +1,2 @@ - + hsl(14, 100%, 53%) diff --git a/docs/_includes/color/purple.html b/docs/_includes/color/purple.html index b54a9f0b..a6f55bfd 100644 --- a/docs/_includes/color/purple.html +++ b/docs/_includes/color/purple.html @@ -1,2 +1,2 @@ - + hsl(271, 100%, 71%) diff --git a/docs/_includes/color/red.html b/docs/_includes/color/red.html index 24d136b3..b71f0557 100644 --- a/docs/_includes/color/red.html +++ b/docs/_includes/color/red.html @@ -1,2 +1,2 @@ - + hsl(348, 100%, 61%) diff --git a/docs/_includes/color/turquoise.html b/docs/_includes/color/turquoise.html index 9e0a87d1..76ec25a1 100644 --- a/docs/_includes/color/turquoise.html +++ b/docs/_includes/color/turquoise.html @@ -1,2 +1,2 @@ - + hsl(171, 100%, 41%) diff --git a/docs/_includes/color/white-bis.html b/docs/_includes/color/white-bis.html index b78f0795..1c1c6da2 100644 --- a/docs/_includes/color/white-bis.html +++ b/docs/_includes/color/white-bis.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 98%) diff --git a/docs/_includes/color/white-ter.html b/docs/_includes/color/white-ter.html index a355e404..c7631674 100644 --- a/docs/_includes/color/white-ter.html +++ b/docs/_includes/color/white-ter.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 96%) diff --git a/docs/_includes/color/white.html b/docs/_includes/color/white.html index 0ede4d1b..867ecc4a 100644 --- a/docs/_includes/color/white.html +++ b/docs/_includes/color/white.html @@ -1,2 +1,2 @@ - + hsl(0, 0%, 100%) diff --git a/docs/_includes/color/yellow.html b/docs/_includes/color/yellow.html index 51dccfec..b0eccb81 100644 --- a/docs/_includes/color/yellow.html +++ b/docs/_includes/color/yellow.html @@ -1,2 +1,2 @@ - + hsl(48, 100%, 67%) diff --git a/docs/_includes/elements/tw-button.html b/docs/_includes/elements/tw-button.html index c15d2b3e..8c44a072 100644 --- a/docs/_includes/elements/tw-button.html +++ b/docs/_includes/elements/tw-button.html @@ -1,4 +1,4 @@ - {{ include.label }} - \ No newline at end of file + diff --git a/docs/_includes/features.html b/docs/_includes/features.html index b5cef551..448d4797 100644 --- a/docs/_includes/features.html +++ b/docs/_includes/features.html @@ -439,7 +439,7 @@
-

+

Form @@ -452,7 +452,7 @@
-

+

Box @@ -465,7 +465,7 @@
-

+

Button @@ -478,7 +478,7 @@
-

+

Notification @@ -491,7 +491,7 @@
-

+

Progress bar @@ -504,7 +504,7 @@
-

+

Tags @@ -528,7 +528,7 @@
-

+

Card @@ -541,7 +541,7 @@
-

+

Dropdown @@ -554,7 +554,7 @@
-

+

Message @@ -567,7 +567,7 @@
-

+

Pagination @@ -580,7 +580,7 @@
-

+

Tabs @@ -593,7 +593,7 @@
-

+

Media object @@ -606,7 +606,7 @@
-

+

Menu diff --git a/docs/_includes/heading.html b/docs/_includes/heading.html index defdfac3..415a672b 100644 --- a/docs/_includes/heading.html +++ b/docs/_includes/heading.html @@ -1,8 +1,8 @@
-

+

{{ include.name }} - + #

diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html index 2d08ab8c..7991ec16 100644 --- a/docs/_includes/navbar.html +++ b/docs/_includes/navbar.html @@ -65,7 +65,7 @@

{{#unless site.deprecated}} - View all versions + View all versions {{/unless}}
@@ -101,7 +101,7 @@
- + @@ -142,11 +142,11 @@
- 🎨 + 🎨 Expo - ❀️ + ❀️ Love

diff --git a/docs/_includes/pro.html b/docs/_includes/pro.html index 40d8cbb2..d1c7faa2 100644 --- a/docs/_includes/pro.html +++ b/docs/_includes/pro.html @@ -1,4 +1,4 @@ -
+
\ No newline at end of file +
diff --git a/docs/_includes/testimonials.html b/docs/_includes/testimonials.html index 3140a43c..06707ead 100644 --- a/docs/_includes/testimonials.html +++ b/docs/_includes/testimonials.html @@ -1,39 +1,39 @@
-
+
-
+
-
-
+ -
+
-
-

- +

+

+ See more love πŸ€—

diff --git a/docs/_includes/tw.html b/docs/_includes/tw.html index a45e78e3..ae48b506 100644 --- a/docs/_includes/tw.html +++ b/docs/_includes/tw.html @@ -1,27 +1,27 @@ {% assign twUrl = "https://twitter.com/" | append: include.username | append: "/status/" | append: include.id %} -
-
-

- +

+

+ See more love πŸ€—

diff --git a/docs/_layouts/post.html b/docs/_layouts/post.html index 0b55962e..a79f8269 100644 --- a/docs/_layouts/post.html +++ b/docs/_layouts/post.html @@ -9,24 +9,24 @@ route: blog
-
- - +
+ + - + -

- Back + Back

{{ page.title }} diff --git a/docs/_sass/bootstrap.sass b/docs/_sass/bootstrap.sass index 7878c8e8..603a4bcf 100644 --- a/docs/_sass/bootstrap.sass +++ b/docs/_sass/bootstrap.sass @@ -1,7 +1,7 @@ $bootstrap: #6f5499 $bootstrap-invert: #fff -.bootstrap +.bd-bootstrap .hero background-color: $bootstrap color: $bootstrap-invert @@ -16,49 +16,49 @@ $bootstrap-invert: #fff &:hover color: $bootstrap-invert -.pros-heading +.bd-pros-heading padding: 0 2rem text-align: center -.pros-icon +.bd-pros-icon margin-bottom: 3rem text-align: center svg height: 3rem width: auto -.pros-list +.bd-pros-list margin: 0 auto max-width: 540px -.pro +.bd-pro .icon position: relative top: -1px .title margin-bottom: 0.5rem -.pro + .pro +.bd-pro + .pro margin-top: 2rem padding-top: 2rem -.pro-content +.bd-pro-content p:not(:last-child) margin-bottom: 0.5rem -.pro.is-bulma +.bd-pro.is-bulma .icon color: $primary -.pro.is-bootstrap +.bd-pro.is-bootstrap .icon color: $bootstrap -.separator +.bd-separator color: $border margin: 0 0.25em -.comparison +.bd-comparison margin: 0 auto max-width: 42rem .table @@ -93,5 +93,5 @@ $bootstrap-invert: #fff color: $text-strong font-weight: $weight-bold -.comparison-header - margin-bottom: 3rem \ No newline at end of file +.bd-comparison-header + margin-bottom: 3rem diff --git a/docs/_sass/callout.sass b/docs/_sass/callout.sass index 56807f98..0303b682 100644 --- a/docs/_sass/callout.sass +++ b/docs/_sass/callout.sass @@ -1,4 +1,4 @@ -.callout +.bd-callout +block background-color: $background border-radius: $radius diff --git a/docs/_sass/example.sass b/docs/_sass/example.sass index 790564ee..d208c44a 100644 --- a/docs/_sass/example.sass +++ b/docs/_sass/example.sass @@ -1,5 +1,5 @@ -.example, -.structure +.bd-example, +.bd-structure border: 1px solid $warning border-top-right-radius: $radius color: $warning-invert @@ -29,7 +29,7 @@ border-right: none padding: 0 -.example +.bd-example & + .highlight border: 1px solid $warning border-radius: 0 0 $radius $radius @@ -53,7 +53,7 @@ $structure: $danger $structure-invert: $danger-invert -.structure +.bd-structure border-color: $structure border-radius: $radius padding: 1.5rem @@ -62,7 +62,7 @@ $structure-invert: $danger-invert color: $structure-invert content: "Structure" -.structure-item +.bd-structure-item position: relative &:before +overlay @@ -82,7 +82,7 @@ $structure-invert: $danger-invert justify-content: center padding: 3px 5px z-index: 2 - &.is-structure-container + &.bd-is-structure-container padding: 1.5rem 0.75rem 0.75rem &:after align-items: flex-start @@ -114,7 +114,7 @@ $structure-invert: $danger-invert white-space: pre-wrap +tablet - .section:not(.is-fullwidth) > .example:not(.is-fullwidth) + .section:not(.is-fullwidth) > .bd-example:not(.is-fullwidth) margin-left: 1.5rem margin-right: 1.5rem & + .highlight @@ -123,7 +123,7 @@ $structure-invert: $danger-invert .section.is-fullwidth padding: 0 !important - .example + .bd-example border-left: none border-radius: 0 border-right: none diff --git a/docs/_sass/expo.sass b/docs/_sass/expo.sass index 73a371a4..7c62a2e3 100644 --- a/docs/_sass/expo.sass +++ b/docs/_sass/expo.sass @@ -1,49 +1,49 @@ -.expo +.bd-expo background-color: $background background-color: $white padding: 1.5rem -.website +.bd-website display: block position: relative text-align: center &:last-child margin-bottom: 0 -.website-image +.bd-website-image align-items: center display: flex justify-content: center margin-bottom: 1.5rem position: relative &:hover - .website-overlay + .bd-website-overlay opacity: 0.25 -.website-overlay +.bd-website-overlay background-color: $black opacity: 0 transition: opacity 200ms $easing +mobile - .website:not(:last-child) + .bd-website:not(:last-child) margin-bottom: 1.5rem +tablet - .expo + .bd-expo padding-bottom: 3rem padding-top: 3rem - .websites + .bd-websites display: flex flex-wrap: wrap justify-content: space-between - .website + .bd-website margin-top: 3rem width: calc(50% - 3rem) &:nth-child(1), &:nth-child(2) margin-top: 0 - &.is-highlighted + &.bd-is-highlighted width: 100% - .website-image + .bd-website-image margin-bottom: 3rem diff --git a/docs/_sass/header.sass b/docs/_sass/header.sass index 88c3e665..85c0f1f0 100644 --- a/docs/_sass/header.sass +++ b/docs/_sass/header.sass @@ -6,7 +6,7 @@ border-color: $github color: $white -.tw-button +.bd-tw-button background-color: $twitter color: $white border-color: transparent !important diff --git a/docs/_sass/love.sass b/docs/_sass/love.sass index 84ae9d14..ab2a4804 100644 --- a/docs/_sass/love.sass +++ b/docs/_sass/love.sass @@ -1,15 +1,15 @@ -.testimonials +.bd-testimonials background-color: $background -.testimonial +.bd-testimonial align-items: flex-start display: flex justify-content: center -.testimonial-tweet +.bd-testimonial-tweet background-color: $white -.more-loves +.bd-more-loves align-items: center display: flex justify-content: center @@ -26,35 +26,35 @@ transform: scale(1.04) +mobile - .testimonials + .bd-testimonials padding: 1.5rem - .testimonial + .bd-testimonial margin-bottom: 1.5rem +tablet - .testimonials + .bd-testimonials padding: 3rem - .testimonial + .testimonial + .bd-testimonial + .bd-testimonial margin-top: 1.5rem +desktop - .testimonials + .bd-testimonials min-height: 595px +widescreen - .testimonials + .bd-testimonials min-height: 653px +fullhd - .testimonials + .bd-testimonials min-height: 632px -.rainbow +.bd-rainbow animation: rainbow 8s ease infinite background-image: linear-gradient(124deg, $orange, $red, $purple, $blue) background-size: 800% 800% -.hero.is-love +.hero.bd-is-love .title, .subtitle color: $white @@ -67,35 +67,35 @@ 100% background-position: 0% 80% -.hug +.bd-hug align-items: flex-start display: flex justify-content: center -.embrace +.bd-embrace background-color: $background border-radius: $radius padding: 1.5rem +mobile - .love + .bd-love padding: 1.5rem - .hug + .bd-hug margin: 1.5rem - .embrace + .bd-embrace text-align: center &:not(:first-child) margin-top: 1.5rem &:not(:last-child) margin-bottom: 1.5rem - .embrace-button + .bd-embrace-button margin-top: 0.75rem +tablet - .love + .bd-love padding-bottom: 3rem padding-top: 3rem - .embrace + .bd-embrace align-items: center display: flex justify-content: center @@ -103,13 +103,13 @@ margin-top: 3rem &:not(:last-child) margin-bottom: 3rem - .embrace-button + .bd-embrace-button margin-left: 1.5rem - .hugs + .bd-hugs display: flex flex-wrap: wrap padding-bottom: 3rem - .hug + .bd-hug margin-top: 1.5rem width: calc(33.3333% - 1rem) &:nth-child(1), diff --git a/docs/_sass/specific.sass b/docs/_sass/specific.sass index db61ca9d..ccb50a94 100644 --- a/docs/_sass/specific.sass +++ b/docs/_sass/specific.sass @@ -3,7 +3,7 @@ td:nth-child(2) width: 320px -.color +.bd-color border-radius: 2px box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1) display: inline-block @@ -12,7 +12,7 @@ margin-right: 8px width: 24px -.button.is-rss +.button.bd-is-rss background-color: #f26522 border-color: transparent color: #fff @@ -21,12 +21,12 @@ &:active background-color: darken(#f26522, 10%) -.view-all-versions +.bd-view-all-versions color: $text-light &:hover text-decoration: underline -.feature-title +.bd-feature-title color: $text-light a border-bottom: 1px solid transparent @@ -34,20 +34,20 @@ &:hover border-bottom-color: $primary -.anchor-title +.bd-anchor-title padding-top: 1.5rem position: relative +until($widescreen) padding-left: 2rem -.anchor-link +.bd-anchor-link position: absolute right: calc(100% + 1rem) +until($widescreen) left: 0 right: auto -.article-image +.bd-article-image background-color: $primary display: block height: 240px @@ -64,19 +64,19 @@ &.is-orange background-color: $orange &:hover - .article-overlay + .bd-article-overlay opacity: 0.25 - .article-icon + .bd-article-icon transform: scale(1.4) - .article-date + .bd-article-date transform: scale(0.9) - .article-title + .bd-article-title transform: scale(1.1) &.is-single margin-bottom: 2rem width: 100% -.article-overlay +.bd-article-overlay +overlay background-color: $black opacity: 0 @@ -84,21 +84,21 @@ transition-property: opacity transition-timing-function: $easing -.article-icon, -.article-info +.bd-article-icon, +.bd-article-info +overlay align-items: center display: flex justify-content: center -.article-icon, -.article-date, -.article-title +.bd-article-icon, +.bd-article-date, +.bd-article-title transition-duration: $speed transition-property: transform transition-timing-function: $easing -.article-icon +.bd-article-icon color: $black opacity: 0.25 & > span @@ -106,14 +106,14 @@ .fa font-size: 56px -.article-info +.bd-article-info padding: 20px -.article-date +.bd-article-date color: rgba(#000, 0.5) display: block -.article-title +.bd-article-title color: $white display: block font-size: 2.5rem @@ -121,6 +121,6 @@ line-height: 1.25 padding: 0 20px -.emoji +.bd-emoji margin-right: 0.5em - margin-top: 2px \ No newline at end of file + margin-top: 2px diff --git a/docs/_sass/twitter.sass b/docs/_sass/twitter.sass index cb793701..b5fe7f78 100644 --- a/docs/_sass/twitter.sass +++ b/docs/_sass/twitter.sass @@ -2,14 +2,14 @@ $tw-black: #1c2022 $tw-blue: #2b7bb9 $tw-grey: #697882 -.tws +.bd-tws background-color: $background display: flex flex-wrap: wrap overflow: auto padding: 20px -.tw +.bd-tw background-color: #fff border: 1px solid #e1e8ed border-radius: 5px @@ -19,12 +19,12 @@ $tw-grey: #697882 font-size: 16px padding: 20px -.tw-header +.bd-tw-header align-items: stretch display: flex justify-content: flex-start -.tw-author +.bd-tw-author align-items: center color: $tw-black display: flex @@ -32,7 +32,7 @@ $tw-grey: #697882 &:hover color: $tw-blue -.tw-avatar +.bd-tw-avatar flex-shrink: 0 height: 36px margin-right: 9px @@ -43,18 +43,18 @@ $tw-grey: #697882 height: 36px width: 36px -.tw-fullname +.bd-tw-fullname color: currentColor display: block font-size: 16px font-weight: 700 -.tw-username +.bd-tw-username color: $tw-grey display: block font-size: 14px -.tw-content +.bd-tw-content color: $tw-black font-size: 16px line-height: 1.4 @@ -67,7 +67,7 @@ $tw-grey: #697882 vertical-align: -.2em width: 1.25em -.tw-date +.bd-tw-date font-size: 14px line-height: 1.4 margin-top: 3.2px @@ -126,27 +126,27 @@ $tw-grey: #697882 background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E) +mobile - .tws + .bd-tws padding: 1.5rem - .tw + .bd-tw margin-bottom: 1.5rem +tablet - .tws + .bd-tws padding: 3rem - .tw + .tw + .bd-tw + .bd-tw margin-top: 1.5rem +desktop - .tws + .bd-tws min-height: 595px +widescreen - .tws + .bd-tws min-height: 653px +fullhd - .tws + .bd-tws min-height: 632px .twitter-tweet:not(.twitter-tweet-rendered) diff --git a/docs/alternative-to-bootstrap.html b/docs/alternative-to-bootstrap.html index 99e9089c..5dd14d25 100644 --- a/docs/alternative-to-bootstrap.html +++ b/docs/alternative-to-bootstrap.html @@ -89,7 +89,7 @@ bootstrap: {% include navbar.html id="Documentation" %}

-
+
@@ -127,10 +127,10 @@ bootstrap:

Why choose Bulma

-
+
{% include svg/bulma-b.svg %}
-
+
{% for pro in page.bulma %} {% include pro.html @@ -147,10 +147,10 @@ bootstrap:

Why choose Bootstrap

-
+
{% include svg/bootstrap-icon.svg %}
-
+
{% for pro in page.bootstrap %} {% include pro.html @@ -171,8 +171,8 @@ bootstrap:
-
-
+
+

Comparison table

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

You can use any of the Font Awesome icons.

-
+
{{breadcrumb_icons_example}}
@@ -208,25 +208,25 @@ variables:

You can choose between 4 additional separators: has-arrow-separator has-bullet-separator has-dot-separator and has-succeeds-separator.

-
+
{{breadcrumb_arrow_example}}
{% highlight html %}{{breadcrumb_arrow_example}}{% endhighlight %} -
+
{{breadcrumb_bullet_example}}
{% highlight html %}{{breadcrumb_bullet_example}}{% endhighlight %} -
+
{{breadcrumb_dot_example}}
{% highlight html %}{{breadcrumb_dot_example}}{% endhighlight %} -
+
{{breadcrumb_succeeds_example}}
@@ -238,19 +238,19 @@ variables:

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

-
+
{{breadcrumb_small_example}}
{% highlight html %}{{breadcrumb_small_example}}{% endhighlight %} -
+
{{breadcrumb_medium_example}}
{% highlight html %}{{breadcrumb_medium_example}}{% endhighlight %} -
+
{{breadcrumb_large_example}}
diff --git a/docs/documentation/components/level.html b/docs/documentation/components/level.html index f300757d..28a6f8f4 100644 --- a/docs/documentation/components/level.html +++ b/docs/documentation/components/level.html @@ -38,9 +38,9 @@ doc-subtab: level

In a level-item, you can then insert almost anything you want: a title, a button, a text input, or just simple text. No matter what elements you put inside a Bulma level, they will always be vertically centered.

-
- {% endcapture %} -
+
{{nav_example}}
{% highlight html %} @@ -175,13 +175,13 @@ doc-subtab: level

{% endcapture %} -
+
{{nav_centered_example}}
{% highlight html %} {{nav_centered_example}} {% endhighlight %} -
+
{{nav_centered_bis_example}}
{% highlight html %} @@ -222,7 +222,7 @@ doc-subtab: level
{% endcapture %} -
+
{{nav_mobile_example}}
{% highlight html %} diff --git a/docs/documentation/components/media-object.html b/docs/documentation/components/media-object.html index be3da856..a2d641f2 100644 --- a/docs/documentation/components/media-object.html +++ b/docs/documentation/components/media-object.html @@ -23,14 +23,14 @@ doc-subtab: media-object

The media object is a UI element perfect for repeatable and nestable content.

-
+
-
+

-
+

John Smith @johnsmith 31m @@ -52,7 +52,7 @@ doc-subtab: media-object

-
+
@@ -92,7 +92,7 @@ doc-subtab: media-object
{% endcapture %} -
+
{{media_example}}
{% highlight html %} @@ -133,7 +133,7 @@ doc-subtab: media-object
{% endcapture %} -
+
{{media_bis_example}}
{% highlight html %} @@ -231,7 +231,7 @@ doc-subtab: media-object
{% endcapture %} -
+
{{media_nested_example}}
{% highlight html %} diff --git a/docs/documentation/components/nav.html b/docs/documentation/components/nav.html index f9973b6a..00a3f3bb 100644 --- a/docs/documentation/components/nav.html +++ b/docs/documentation/components/nav.html @@ -118,7 +118,7 @@ doc-subtab: nav {% endcapture %} -
+
{{nav_example}}
@@ -176,7 +176,7 @@ doc-subtab: nav {% endcapture %} -
+
{{nav_tabs_example}}
diff --git a/docs/documentation/components/navbar.html b/docs/documentation/components/navbar.html index 374e7162..652e1ebd 100644 --- a/docs/documentation/components/navbar.html +++ b/docs/documentation/components/navbar.html @@ -62,7 +62,7 @@ variables: {% include subnav-components.html %} {% capture navbar_example %} -{% include navbar.html id="Example" %} +{% include navbar.html id="bd-example" %} {% endcapture %} {% capture navbar_brand_example %} @@ -591,7 +591,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{navbar_example}}
@@ -621,7 +621,7 @@ document.addEventListener('DOMContentLoaded', function () {

-
+
{{navbar_brand_items_example}}
@@ -641,7 +641,7 @@ document.addEventListener('DOMContentLoaded', function () {

-
+
@@ -657,7 +657,7 @@ document.addEventListener('DOMContentLoaded', function () {

-
+
@@ -798,7 +798,7 @@ document.addEventListener('DOMContentLoaded', function () {

-
+
{{navbar_transparent_example}}
@@ -825,7 +825,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{ navbar_dropdown_example }}
@@ -866,7 +866,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{ navbar_dropdown_hover_example }}
@@ -880,7 +880,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{ navbar_dropdown_active_example }}
@@ -905,7 +905,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{ navbar_dropdown_right_example }}
@@ -935,7 +935,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{ navbar_dropdown_default_example }}
@@ -967,7 +967,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{ navbar_dropdown_boxed_example }}
@@ -983,7 +983,7 @@ document.addEventListener('DOMContentLoaded', function () {
-
+
{{ navbar_dropdown_item_active_example }}
diff --git a/docs/documentation/components/pagination.html b/docs/documentation/components/pagination.html index 8b646b7e..13976247 100644 --- a/docs/documentation/components/pagination.html +++ b/docs/documentation/components/pagination.html @@ -209,7 +209,7 @@ variables:

-
+
{{pagination_example}}
@@ -221,7 +221,7 @@ variables:

-
+
{{pagination_options_example}}
@@ -233,13 +233,13 @@ variables:

-
+
{{pagination_centered_example}}
{% highlight html %}{{pagination_centered_example}}{% endhighlight %} -
+
{{pagination_right_example}}
@@ -256,15 +256,15 @@ variables: You only need to append the modifier is-small, is-medium, or is-large to the pagination component.

-
+
{{pagination_small_example}}
-
+
{{pagination_medium_example}}
-
+
{{pagination_large_example}}
diff --git a/docs/documentation/components/tabs.html b/docs/documentation/components/tabs.html index 5b29b566..9f56a32a 100644 --- a/docs/documentation/components/tabs.html +++ b/docs/documentation/components/tabs.html @@ -382,7 +382,7 @@ variables: The default tabs style has a single border at the bottom.

-
+
{{tabs_example}}
{% highlight html %}{{tabs_example}}{% endhighlight %} @@ -396,12 +396,12 @@ variables:

-
+
{{tabs_centered_example}}
{% highlight html %}{{tabs_centered_example}}{% endhighlight %} -
+
{{tabs_right_example}}
{% highlight html %}{{tabs_right_example}}{% endhighlight %} @@ -413,7 +413,7 @@ variables:

You can use any of the Font Awesome icons.

-
+
{{tabs_icons_example}}
{% highlight html %}{{tabs_icons_example}}{% endhighlight %} @@ -423,17 +423,17 @@ variables:

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

-
+
{{tabs_small_example}}
{% highlight html %}{{tabs_small_example}}{% endhighlight %} -
+
{{tabs_medium_example}}
{% highlight html %}{{tabs_medium_example}}{% endhighlight %} -
+
{{tabs_large_example}}
{% highlight html %}{{tabs_large_example}}{% endhighlight %} @@ -445,7 +445,7 @@ variables: If you want a more classic style with borders, just append the is-boxed modifier.
-
+
{{tabs_boxed_example}}
{% highlight html %}{{tabs_boxed_example}}{% endhighlight %} @@ -454,7 +454,7 @@ variables: If you want mutually exclusive tabs (like radio buttons where clicking one deselects all other ones), use the is-toggle modifier.

-
+
{{tabs_toggle_example}}
{% highlight html %}{{tabs_toggle_example}}{% endhighlight %} @@ -463,7 +463,7 @@ variables: If you want the tabs to take up the whole width available, use is-fullwidth.

-
+
{{tabs_fullwidth_example}}
{% highlight html %}{{tabs_fullwidth_example}}{% endhighlight %} @@ -475,22 +475,22 @@ variables:

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

-
+
{{tabs_centered_boxed_example}}
{% highlight html %}{{tabs_centered_boxed_example}}{% endhighlight %} -
+
{{tabs_toggle_fullwidth_example}}
{% highlight html %}{{tabs_toggle_fullwidth_example}}{% endhighlight %} -
+
{{tabs_centered_boxed_medium_example}}
{% highlight html %}{{tabs_centered_boxed_medium_example}}{% endhighlight %} -
+
{{tabs_toggle_fullwidth_large_example}}
{% highlight html %}{{tabs_toggle_fullwidth_large_example}}{% endhighlight %} diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html index 6c954d67..d044f89e 100644 --- a/docs/documentation/elements/button.html +++ b/docs/documentation/elements/button.html @@ -466,7 +466,7 @@ variables:
-
+
{{button_inverted_example}}
@@ -479,7 +479,7 @@ variables:
-
+
{{button_inverted_outlined_example}}
@@ -620,7 +620,7 @@ variables:

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

-
+
{{button_group_example}}
{% highlight html %}{{button_group_example}}{% endhighlight %} @@ -632,7 +632,7 @@ variables:

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

-
+
{{button_addons_example}}
{% highlight html %}{{button_addons_example}}{% endhighlight %} @@ -644,7 +644,7 @@ variables:

You can group together addons as well:

-
+
{{button_group_addons_example}}
{% highlight html %}{{button_group_addons_example}}{% endhighlight %} diff --git a/docs/documentation/elements/content.html b/docs/documentation/elements/content.html index b89b007c..2cdd9346 100644 --- a/docs/documentation/elements/content.html +++ b/docs/documentation/elements/content.html @@ -164,7 +164,7 @@ variables:

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

-
+
{{content_example}}
@@ -175,7 +175,7 @@ variables:

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

-
+

Hello World

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

@@ -189,7 +189,7 @@ variables:
-
+

Hello World

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

@@ -203,7 +203,7 @@ variables:
-
+

Hello World

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

diff --git a/docs/documentation/elements/form.html b/docs/documentation/elements/form.html index 944806c6..28248370 100644 --- a/docs/documentation/elements/form.html +++ b/docs/documentation/elements/form.html @@ -1096,7 +1096,7 @@ doc-subtab: form

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

-
+
{{addons_example}}
{% highlight html %}{{addons_example}}{% endhighlight %} @@ -1112,7 +1112,7 @@ doc-subtab: form

It can be useful to append a static button.

-
+
{{addons_static_example}}
{% highlight html %}{{addons_static_example}}{% endhighlight %} @@ -1120,7 +1120,7 @@ doc-subtab: form

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

-
+
{{addons_expanded_example}}
{% highlight html %}{{addons_expanded_example}}{% endhighlight %} @@ -1128,7 +1128,7 @@ doc-subtab: form

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

-
+
{{addons_expanded_fullwidth_example}}
{% highlight html %}{{addons_expanded_fullwidth_example}}{% endhighlight %} @@ -1136,11 +1136,11 @@ doc-subtab: form

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

-
+
{{addons_center_example}}
{% highlight html %}{{addons_center_example}}{% endhighlight %} -
+
{{addons_right_example}}
{% highlight html %}{{addons_right_example}}{% endhighlight %} @@ -1158,7 +1158,7 @@ doc-subtab: form Add the is-expanded modifier on the control element you want to fill up the remaining space.

-
+
{{group_example}}
{% highlight html %}{{group_example}}{% endhighlight %} @@ -1178,7 +1178,7 @@ doc-subtab: form

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

-
+
{{horizontal_form_example}}
{% highlight html %}{{horizontal_form_example}}{% endhighlight %} @@ -1205,7 +1205,7 @@ doc-subtab: form
-
+
{{field_label_example}}
{% highlight html %}{{field_label_example}}{% endhighlight %} diff --git a/docs/documentation/elements/icon.html b/docs/documentation/elements/icon.html index d97cc248..34e6e030 100644 --- a/docs/documentation/elements/icon.html +++ b/docs/documentation/elements/icon.html @@ -42,7 +42,7 @@ variables:

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

-
+
{{icon_example}}
diff --git a/docs/documentation/elements/image.html b/docs/documentation/elements/image.html index 4b7fa36e..ce3fd1d9 100644 --- a/docs/documentation/elements/image.html +++ b/docs/documentation/elements/image.html @@ -49,7 +49,7 @@ variables:

Because images can take a few seconds to load (or not at all), use the .image container to specify a precisely sized container so that your layout isn't broken because of image loading or image errors.

-
+
@@ -82,7 +82,7 @@ variables:

Because the image is fixed in size, you can use an image that is twice as big. So for example, in a 128x128 container, you can use a 256x256 image, but resized to 128x128 pixels.

-
+
diff --git a/docs/documentation/elements/progress.html b/docs/documentation/elements/progress.html index 3b1a5326..01d4a446 100644 --- a/docs/documentation/elements/progress.html +++ b/docs/documentation/elements/progress.html @@ -46,21 +46,21 @@ variables:
-
+
{{ progress }}
{% highlight html %}{{ progress }}{% endhighlight %} {% include heading.html name="Colors" %} -
+
{{ progress_colors }}
{% highlight html %}{{ progress_colors }}{% endhighlight %} {% include heading.html name="Sizes" %} -
+
{{ progress_sizes }}
{% highlight html %}{{ progress_sizes }}{% endhighlight %} diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html index 63923247..9ad7971a 100644 --- a/docs/documentation/elements/table.html +++ b/docs/documentation/elements/table.html @@ -393,7 +393,7 @@ variables:

-
+
{{table_example}}
diff --git a/docs/documentation/elements/tag.html b/docs/documentation/elements/tag.html index 7283b832..6ffaf8e4 100644 --- a/docs/documentation/elements/tag.html +++ b/docs/documentation/elements/tag.html @@ -364,7 +364,7 @@ variables: You can now create a list of tags with the .tags container.

-
+
{{ tags }}
@@ -380,7 +380,7 @@ variables: If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced.

-
+
{{ tags_multiple }}
@@ -396,7 +396,7 @@ variables: You can attach tags together with the .has-addons modifier.

-
+
{{ tags_addons }}
@@ -412,7 +412,7 @@ variables: You can attach a text tag with a delete tag together.

-
+
{{ tags_delete_addons }}
@@ -428,7 +428,7 @@ variables: If you want to attach .tags containers together, simply use the .field element with the .is-grouped and .is-grouped-multiline modifiers.

-
+
{{ tags_field_addons }}
@@ -444,7 +444,7 @@ variables: This can be useful for a long list of blog tags.

-
+
{{ tags_blog_addons }}
diff --git a/docs/documentation/form/file.html b/docs/documentation/form/file.html index c46b7365..ce6b3c52 100644 --- a/docs/documentation/form/file.html +++ b/docs/documentation/form/file.html @@ -593,7 +593,7 @@ variables:
-
+
{{ file }}
@@ -611,7 +611,7 @@ variables: With the .has-name modifier combined with the .file-name element, you can add a placeholder for the selected file name.

-
+
{{ file_name }}
@@ -627,7 +627,7 @@ variables: You can move the CTA to the right side with the .is-right modifier.

-
+
{{ file_name_right }}
@@ -643,7 +643,7 @@ variables: You can also expand the name to fill up the space with the .is-fullwidth modifier.

-
+
{{ file_name_fullwidth }}
@@ -659,7 +659,7 @@ variables: You can have a boxed block with the .is-boxed modifier.

-
+
{{ file_boxed }}
@@ -675,7 +675,7 @@ variables: You can combine .has-name and .is-boxed.

-
+
{{ file_boxed_name }}
@@ -700,7 +700,7 @@ variables: {% endfor %}
-
+
{{ file_colors }}
@@ -730,7 +730,7 @@ variables:
-
+
{{ file_sizes }}
@@ -741,7 +741,7 @@ variables:
-
+
{{ file_sizes_name }}
@@ -752,7 +752,7 @@ variables:
-
+
{{ file_sizes_boxed }}
@@ -763,7 +763,7 @@ variables:
-
+
{{ file_sizes_boxed_name }}
@@ -790,7 +790,7 @@ variables:
-
+
{{ file_centered }}
@@ -801,7 +801,7 @@ variables:
-
+
{{ file_right }}
diff --git a/docs/documentation/form/general.html b/docs/documentation/form/general.html index cb45c334..a5abc75d 100644 --- a/docs/documentation/form/general.html +++ b/docs/documentation/form/general.html @@ -993,7 +993,7 @@ doc-subtab: general

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

-
+
{{addons_example}}
{% highlight html %}{{addons_example}}{% endhighlight %} @@ -1009,7 +1009,7 @@ doc-subtab: general

It can be useful to append a static button.

-
+
{{addons_static_example}}
{% highlight html %}{{addons_static_example}}{% endhighlight %} @@ -1017,7 +1017,7 @@ doc-subtab: general

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

-
+
{{addons_expanded_example}}
{% highlight html %}{{addons_expanded_example}}{% endhighlight %} @@ -1025,7 +1025,7 @@ doc-subtab: general

If you want a full width select dropdown, pair control is-expanded with select is-fullwidth.

-
+
{{addons_expanded_fullwidth_example}}
{% highlight html %}{{addons_expanded_fullwidth_example}}{% endhighlight %} @@ -1033,11 +1033,11 @@ doc-subtab: general

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

-
+
{{addons_center_example}}
{% highlight html %}{{addons_center_example}}{% endhighlight %} -
+
{{addons_right_example}}
{% highlight html %}{{addons_right_example}}{% endhighlight %} @@ -1051,7 +1051,7 @@ doc-subtab: general

-
+
{{group_example}}
{% highlight html %}{{group_example}}{% endhighlight %} @@ -1061,12 +1061,12 @@ doc-subtab: general

-
+
{{group_centered_example}}
{% highlight html %}{{group_centered_example}}{% endhighlight %} -
+
{{group_right_example}}
{% highlight html %}{{group_right_example}}{% endhighlight %} @@ -1077,7 +1077,7 @@ doc-subtab: general

-
+
{{group_expanded_example}}
{% highlight html %}{{group_expanded_example}}{% endhighlight %} @@ -1094,7 +1094,7 @@ doc-subtab: general
-
+
{{group_multiline_example}}
@@ -1118,7 +1118,7 @@ doc-subtab: general

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

-
+
{{horizontal_form_example}}
{% highlight html %}{{horizontal_form_example}}{% endhighlight %} @@ -1142,7 +1142,7 @@ doc-subtab: general
-
+
{{field_label_example}}
{% highlight html %}{{field_label_example}}{% endhighlight %} diff --git a/docs/documentation/layout/container.html b/docs/documentation/layout/container.html index 26c423c7..213b28bf 100644 --- a/docs/documentation/layout/container.html +++ b/docs/documentation/layout/container.html @@ -73,7 +73,7 @@ doc-subtab: container
-
+
{{container_example}}
@@ -88,7 +88,7 @@ doc-subtab: container
-
+
{{container_fluid_example}}
@@ -109,13 +109,13 @@ doc-subtab: container
-
+
{{container_widescreen_example}}
{% highlight html %}{{container_widescreen_example}}{% endhighlight %} -
+
{{container_fullhd_example}}
diff --git a/docs/documentation/layout/footer.html b/docs/documentation/layout/footer.html index ba0e739e..bf6e850b 100644 --- a/docs/documentation/layout/footer.html +++ b/docs/documentation/layout/footer.html @@ -14,7 +14,7 @@ doc-subtab: footer A simple responsive footer which can include anything: lists, headings, columns, icons, buttons, etc.

-
+