diff --git a/CHANGELOG.md b/CHANGELOG.md index 18db42b7..6e5f0e4a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,7 @@ * #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored * #2463 Remove duplicate `.has-addons` in `tag.sass` +* #2253 Fix `$gap` variable default value ## 0.7.3 diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index 739dfd54..e32aa85d 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -544,7 +544,7 @@ table th { } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-size-1-touch { font-size: 3rem !important; } @@ -568,7 +568,7 @@ table th { } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-size-1-desktop { font-size: 3rem !important; } @@ -592,7 +592,7 @@ table th { } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-size-1-widescreen { font-size: 3rem !important; } @@ -616,7 +616,7 @@ table th { } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-size-1-fullhd { font-size: 3rem !important; } @@ -668,43 +668,43 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-centered-tablet-only { text-align: center !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-centered-touch { text-align: center !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-centered-desktop { text-align: center !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-centered-desktop-only { text-align: center !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-centered-widescreen { text-align: center !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-centered-widescreen-only { text-align: center !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-centered-fullhd { text-align: center !important; } @@ -722,43 +722,43 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-justified-tablet-only { text-align: justify !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-justified-touch { text-align: justify !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-justified-desktop { text-align: justify !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-justified-desktop-only { text-align: justify !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-justified-widescreen { text-align: justify !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-justified-widescreen-only { text-align: justify !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-justified-fullhd { text-align: justify !important; } @@ -776,43 +776,43 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-left-tablet-only { text-align: left !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-left-touch { text-align: left !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-left-desktop { text-align: left !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-left-desktop-only { text-align: left !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-left-widescreen { text-align: left !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-left-widescreen-only { text-align: left !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-left-fullhd { text-align: left !important; } @@ -830,43 +830,43 @@ table th { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-right-tablet-only { text-align: right !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .has-text-right-touch { text-align: right !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .has-text-right-desktop { text-align: right !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-right-desktop-only { text-align: right !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .has-text-right-widescreen { text-align: right !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-right-widescreen-only { text-align: right !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .has-text-right-fullhd { text-align: right !important; } @@ -1132,43 +1132,43 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-block-tablet-only { display: block !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-block-touch { display: block !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-block-desktop { display: block !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-block-desktop-only { display: block !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-block-widescreen { display: block !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-block-widescreen-only { display: block !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-block-fullhd { display: block !important; } @@ -1190,43 +1190,43 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { display: flex !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-flex-touch { display: flex !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-flex-desktop { display: flex !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { display: flex !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-flex-widescreen { display: flex !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { display: flex !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-flex-fullhd { display: flex !important; } @@ -1248,43 +1248,43 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-tablet-only { display: inline !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-inline-touch { display: inline !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-inline-desktop { display: inline !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-desktop-only { display: inline !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-inline-widescreen { display: inline !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-widescreen-only { display: inline !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-inline-fullhd { display: inline !important; } @@ -1306,43 +1306,43 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-block-tablet-only { display: inline-block !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-inline-block-touch { display: inline-block !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-inline-block-desktop { display: inline-block !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-block-desktop-only { display: inline-block !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-inline-block-widescreen { display: inline-block !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-block-widescreen-only { display: inline-block !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-inline-block-fullhd { display: inline-block !important; } @@ -1364,43 +1364,43 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { display: inline-flex !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-inline-flex-touch { display: inline-flex !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-inline-flex-desktop { display: inline-flex !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { display: inline-flex !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-inline-flex-widescreen { display: inline-flex !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { display: inline-flex !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-inline-flex-fullhd { display: inline-flex !important; } @@ -1433,43 +1433,43 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-hidden-tablet-only { display: none !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-hidden-touch { display: none !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-hidden-desktop { display: none !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-hidden-desktop-only { display: none !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-hidden-widescreen { display: none !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-hidden-widescreen-only { display: none !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-hidden-fullhd { display: none !important; } @@ -1491,43 +1491,43 @@ a.has-text-danger:hover, a.has-text-danger:focus { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .is-invisible-tablet-only { visibility: hidden !important; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .is-invisible-touch { visibility: hidden !important; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .is-invisible-desktop { visibility: hidden !important; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-invisible-desktop-only { visibility: hidden !important; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .is-invisible-widescreen { visibility: hidden !important; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-invisible-widescreen-only { visibility: hidden !important; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .is-invisible-fullhd { visibility: hidden !important; } @@ -2778,41 +2778,41 @@ fieldset[disabled] .button { position: relative; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .container { max-width: 960px; width: 960px; } .container.is-fluid { - margin-left: 64px; - margin-right: 64px; + margin-left: 32px; + margin-right: 32px; max-width: none; width: auto; } } -@media screen and (max-width: 1279px) { +@media screen and (max-width: 1215px) { .container.is-widescreen { max-width: 1152px; width: auto; } } -@media screen and (max-width: 1471px) { +@media screen and (max-width: 1407px) { .container.is-fullhd { max-width: 1344px; width: auto; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .container { max-width: 1152px; width: 1152px; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .container { max-width: 1344px; width: 1344px; @@ -6314,7 +6314,7 @@ a.list-item { color: #0a0a0a; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, @@ -6376,7 +6376,7 @@ a.list-item { color: white; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, @@ -6438,7 +6438,7 @@ a.list-item { color: #363636; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, @@ -6500,7 +6500,7 @@ a.list-item { color: whitesmoke; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, @@ -6562,7 +6562,7 @@ a.list-item { color: #fff; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, @@ -6624,7 +6624,7 @@ a.list-item { color: #fff; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, @@ -6686,7 +6686,7 @@ a.list-item { color: #fff; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, @@ -6748,7 +6748,7 @@ a.list-item { color: #fff; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, @@ -6810,7 +6810,7 @@ a.list-item { color: rgba(0, 0, 0, 0.7); } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, @@ -6872,7 +6872,7 @@ a.list-item { color: #fff; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, @@ -7124,7 +7124,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i margin: 0.5rem 0; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .navbar > .container { display: block; } @@ -7174,7 +7174,7 @@ a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-i } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .navbar, .navbar-menu, .navbar-start, @@ -7899,6 +7899,15 @@ label.panel-block:hover { margin-left: 80%; } +.columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; +} + +.columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; +} + .columns.is-mobile > .column.is-1 { flex: none; width: 8.33333%; @@ -8078,6 +8087,13 @@ label.panel-block:hover { .column.is-offset-four-fifths-mobile { margin-left: 80%; } + .column.is-0-mobile { + flex: none; + width: 0%; + } + .column.is-offset-0-mobile { + margin-left: 0%; + } .column.is-1-mobile { flex: none; width: 8.33333%; @@ -8235,6 +8251,13 @@ label.panel-block:hover { .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; + } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; + } .column.is-1, .column.is-1-tablet { flex: none; width: 8.33333%; @@ -8321,7 +8344,7 @@ label.panel-block:hover { } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .column.is-narrow-touch { flex: none; } @@ -8392,6 +8415,13 @@ label.panel-block:hover { .column.is-offset-four-fifths-touch { margin-left: 80%; } + .column.is-0-touch { + flex: none; + width: 0%; + } + .column.is-offset-0-touch { + margin-left: 0%; + } .column.is-1-touch { flex: none; width: 8.33333%; @@ -8478,7 +8508,7 @@ label.panel-block:hover { } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .column.is-narrow-desktop { flex: none; } @@ -8549,6 +8579,13 @@ label.panel-block:hover { .column.is-offset-four-fifths-desktop { margin-left: 80%; } + .column.is-0-desktop { + flex: none; + width: 0%; + } + .column.is-offset-0-desktop { + margin-left: 0%; + } .column.is-1-desktop { flex: none; width: 8.33333%; @@ -8635,7 +8672,7 @@ label.panel-block:hover { } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .column.is-narrow-widescreen { flex: none; } @@ -8706,6 +8743,13 @@ label.panel-block:hover { .column.is-offset-four-fifths-widescreen { margin-left: 80%; } + .column.is-0-widescreen { + flex: none; + width: 0%; + } + .column.is-offset-0-widescreen { + margin-left: 0%; + } .column.is-1-widescreen { flex: none; width: 8.33333%; @@ -8792,7 +8836,7 @@ label.panel-block:hover { } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .column.is-narrow-fullhd { flex: none; } @@ -8863,6 +8907,13 @@ label.panel-block:hover { .column.is-offset-four-fifths-fullhd { margin-left: 80%; } + .column.is-0-fullhd { + flex: none; + width: 0%; + } + .column.is-offset-0-fullhd { + margin-left: 0%; + } .column.is-1-fullhd { flex: none; width: 8.33333%; @@ -9004,7 +9055,7 @@ label.panel-block:hover { } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-desktop { display: flex; } @@ -9037,43 +9088,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-0-tablet-only { --columnGap: 0rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-0-touch { --columnGap: 0rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-0-desktop { --columnGap: 0rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-0-desktop-only { --columnGap: 0rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-0-widescreen { --columnGap: 0rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-0-widescreen-only { --columnGap: 0rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-0-fullhd { --columnGap: 0rem; } @@ -9095,43 +9146,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-1-tablet-only { --columnGap: 0.25rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-1-touch { --columnGap: 0.25rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-1-desktop { --columnGap: 0.25rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-1-desktop-only { --columnGap: 0.25rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-1-widescreen { --columnGap: 0.25rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-1-widescreen-only { --columnGap: 0.25rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-1-fullhd { --columnGap: 0.25rem; } @@ -9153,43 +9204,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-2-tablet-only { --columnGap: 0.5rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-2-touch { --columnGap: 0.5rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-2-desktop { --columnGap: 0.5rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-2-desktop-only { --columnGap: 0.5rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-2-widescreen { --columnGap: 0.5rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-2-widescreen-only { --columnGap: 0.5rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-2-fullhd { --columnGap: 0.5rem; } @@ -9211,43 +9262,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-3-tablet-only { --columnGap: 0.75rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-3-touch { --columnGap: 0.75rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-3-desktop { --columnGap: 0.75rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-3-desktop-only { --columnGap: 0.75rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-3-widescreen { --columnGap: 0.75rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-3-widescreen-only { --columnGap: 0.75rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-3-fullhd { --columnGap: 0.75rem; } @@ -9269,43 +9320,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-4-tablet-only { --columnGap: 1rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-4-touch { --columnGap: 1rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-4-desktop { --columnGap: 1rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-4-desktop-only { --columnGap: 1rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-4-widescreen { --columnGap: 1rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-4-widescreen-only { --columnGap: 1rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-4-fullhd { --columnGap: 1rem; } @@ -9327,43 +9378,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-5-tablet-only { --columnGap: 1.25rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-5-touch { --columnGap: 1.25rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-5-desktop { --columnGap: 1.25rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-5-desktop-only { --columnGap: 1.25rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-5-widescreen { --columnGap: 1.25rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-5-widescreen-only { --columnGap: 1.25rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-5-fullhd { --columnGap: 1.25rem; } @@ -9385,43 +9436,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-6-tablet-only { --columnGap: 1.5rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-6-touch { --columnGap: 1.5rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-6-desktop { --columnGap: 1.5rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-6-desktop-only { --columnGap: 1.5rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-6-widescreen { --columnGap: 1.5rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-6-widescreen-only { --columnGap: 1.5rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-6-fullhd { --columnGap: 1.5rem; } @@ -9443,43 +9494,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-7-tablet-only { --columnGap: 1.75rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-7-touch { --columnGap: 1.75rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-7-desktop { --columnGap: 1.75rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-7-desktop-only { --columnGap: 1.75rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-7-widescreen { --columnGap: 1.75rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-7-widescreen-only { --columnGap: 1.75rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-7-fullhd { --columnGap: 1.75rem; } @@ -9501,43 +9552,43 @@ label.panel-block:hover { } } -@media screen and (min-width: 769px) and (max-width: 1087px) { +@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-8-tablet-only { --columnGap: 2rem; } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .columns.is-variable.is-8-touch { --columnGap: 2rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .columns.is-variable.is-8-desktop { --columnGap: 2rem; } } -@media screen and (min-width: 1088px) and (max-width: 1279px) { +@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-8-desktop-only { --columnGap: 2rem; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .columns.is-variable.is-8-widescreen { --columnGap: 2rem; } } -@media screen and (min-width: 1280px) and (max-width: 1471px) { +@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-8-widescreen-only { --columnGap: 2rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .columns.is-variable.is-8-fullhd { --columnGap: 2rem; } @@ -9674,7 +9725,7 @@ label.panel-block:hover { color: #0a0a0a; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-white .navbar-menu { background-color: white; } @@ -9752,7 +9803,7 @@ label.panel-block:hover { color: white; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-black .navbar-menu { background-color: #0a0a0a; } @@ -9830,7 +9881,7 @@ label.panel-block:hover { color: #363636; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-light .navbar-menu { background-color: whitesmoke; } @@ -9908,7 +9959,7 @@ label.panel-block:hover { color: whitesmoke; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-dark .navbar-menu { background-color: #363636; } @@ -9986,7 +10037,7 @@ label.panel-block:hover { color: #fff; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-primary .navbar-menu { background-color: #00d1b2; } @@ -10064,7 +10115,7 @@ label.panel-block:hover { color: #fff; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-link .navbar-menu { background-color: #3273dc; } @@ -10142,7 +10193,7 @@ label.panel-block:hover { color: #fff; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-info .navbar-menu { background-color: #209cee; } @@ -10220,7 +10271,7 @@ label.panel-block:hover { color: #fff; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-success .navbar-menu { background-color: #23d160; } @@ -10298,7 +10349,7 @@ label.panel-block:hover { color: rgba(0, 0, 0, 0.7); } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-warning .navbar-menu { background-color: #ffdd57; } @@ -10376,7 +10427,7 @@ label.panel-block:hover { color: #fff; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .hero.is-danger .navbar-menu { background-color: #ff3860; } @@ -10530,7 +10581,7 @@ label.panel-block:hover { padding: 3rem 1.5rem; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .section.is-medium { padding: 9rem 1.5rem; } @@ -10842,7 +10893,7 @@ label.panel-block:hover { color: #363636; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .bd-lead, .bd-side { padding: 1.5rem; @@ -10852,13 +10903,13 @@ label.panel-block:hover { } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .bd-side-background { display: none; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .bd-duo { display: flex; } @@ -10876,7 +10927,7 @@ label.panel-block:hover { } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .bd-main { padding: 0 3rem; } @@ -10907,13 +10958,13 @@ label.panel-block:hover { } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .bd-header-carbon { margin-left: 9rem; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .bd-header-carbon { margin-left: 12rem; } @@ -11908,13 +11959,13 @@ svg { } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .intro-column.is-video { margin-top: 3rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .intro-columns { display: flex; justify-content: center; @@ -11987,7 +12038,7 @@ svg { color: #f96854; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { #blogDropdown { width: 17rem; } @@ -12415,7 +12466,7 @@ svg { } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .bd-links { display: flex; flex-wrap: wrap; @@ -12511,7 +12562,7 @@ svg { transform-origin: center top; } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .bd-is-clipped-touch { overflow: hidden !important; } @@ -12571,7 +12622,7 @@ svg { position: relative; } -@media screen and (max-width: 1279px) { +@media screen and (max-width: 1215px) { .bd-anchor-title { padding-left: 2rem; } @@ -12583,7 +12634,7 @@ svg { top: 1.5rem; } -@media screen and (max-width: 1279px) { +@media screen and (max-width: 1215px) { .bd-anchor-link { left: 0; right: auto; @@ -12828,7 +12879,7 @@ svg { border-width: 1px 0; } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .bd-snippet.bd-is-vertical { align-items: stretch; border-radius: 6px; @@ -13396,13 +13447,13 @@ svg { } } -@media screen and (max-width: 1087px) { +@media screen and (max-width: 1023px) { .bd-tws-love .bd-tw:not(:last-child) { margin-bottom: 1.5rem; } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .bd-tws-home { min-height: 595px; } @@ -13417,13 +13468,13 @@ svg { } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .bd-tws-home { min-height: 653px; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .bd-tws-home { min-height: 632px; } @@ -13596,19 +13647,19 @@ svg { } } -@media screen and (min-width: 1088px) { +@media screen and (min-width: 1024px) { .bd-testimonials { min-height: 595px; } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .bd-testimonials { min-height: 653px; } } -@media screen and (min-width: 1472px) { +@media screen and (min-width: 1408px) { .bd-testimonials { min-height: 632px; } @@ -14088,7 +14139,7 @@ svg { } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .bd-partner.bd-is-carbon { margin-left: 3rem; } @@ -14442,7 +14493,7 @@ svg { } } -@media screen and (min-width: 1280px) { +@media screen and (min-width: 1216px) { .native-js { font-size: 1.25rem; }