From: Jeremy Thomas Date: Mon, 14 Aug 2017 11:44:24 +0000 (+0100) Subject: Add bd classes X-Git-Tag: 0.5.2~63 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cd2f886df25dd1152bd1abc0beae1d48896600f8;p=thirdparty%2Fbulma.git Add bd classes --- diff --git a/docs/_includes/blog-hero.html b/docs/_includes/blog-hero.html index 604698b05..b8f4c22a9 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 cd5ce8197..281de68b9 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 b17714370..eaac1fe66 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 09588cb0a..dc722c1dd 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 cce7f4279..059159386 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 bce2f227d..b4f7ae6c6 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 08601190a..94dc3a4dc 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 9dc0d4f71..96910ed91 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 d1782f94e..036cae2b0 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 a95468c4e..4e5c5633a 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 6ef9ec6d4..c4670183f 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 afa19bce6..26c2e366d 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 b54a9f0b7..a6f55bfd7 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 24d136b3a..b71f05572 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 9e0a87d18..76ec25a12 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 b78f0795a..1c1c6da2b 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 a355e4046..c7631674e 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 0ede4d1be..867ecc4a2 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 51dccfec8..b0eccb819 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 c15d2b3e3..8c44a0725 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 b5cef5510..448d47973 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 defdfac33..415a672b2 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 2d08ab8c5..7991ec169 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 40d8cbb22..d1c7faa21 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 3140a43c2..06707eada 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 a45e78e3a..ae48b506c 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 0b55962e8..a79f82695 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 7878c8e8d..603a4bcf0 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 56807f982..0303b6820 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 790564eef..d208c44ab 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 73a371a4f..7c62a2e39 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 88c3e6657..85c0f1f04 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 84ae9d149..ab2a48042 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 db61ca9d5..ccb50a941 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 cb793701b..b5fe7f786 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 99e9089c9..5dd14d25e 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 581a077f1..528552ccc 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 9482c985d..42687ecf9 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; -} - -.article-icon, -.article-date, -.article-title { - -webkit-transition-duration: 86ms; - transition-duration: 86ms; - -webkit-transition-property: -webkit-transform; - transition-property: -webkit-transform; + justify-content: center; +} + +.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 fed19e881..e5e2f0cf2 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 f300757de..28a6f8f4d 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 be3da8564..a2d641f29 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 f9973b6aa..00a3f3bbd 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 374e71628..652e1ebd6 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 8b646b7e4..139762478 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 5b29b5669..9f56a32a5 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 6c954d671..d044f89e6 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 b89b007c2..2cdd93468 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 944806c6f..282483708 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 d97cc248d..34e6e0309 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 4b7fa36e0..ce3fd1d95 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 3b1a53269..01d4a4465 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 639232474..9ad7971ae 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 7283b8323..6ffaf8e4e 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 c46b73653..ce6b3c521 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 cb45c3346..a5abc75d8 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 26c423c7b..213b28bf3 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 ba0e739e2..bf6e850bb 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.

-
+