Merge branch 'main' into customizer

This commit is contained in:
Jeremy Thomas 2024-06-26 15:02:27 +01:00
commit f9a418dd26
23 changed files with 3172 additions and 1413 deletions

View File

@ -6,6 +6,9 @@
- Fix #3824: ability to override `$scheme-h`, `$scheme-s`, `$dark-l` and `$light-l` Sass variables
- Fix #3830: add remaining logical properties
- Fix #3743: make sure 12 columns system take up whole width
- Fix #3799: restore variable columns
- Fix #3846: restore `--bulma-column-gap` CSS variable
## 1.0.1

566
css/bulma.css vendored
View File

@ -8456,7 +8456,7 @@ label.panel-block:hover {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
padding: var(--bulma-column-gap);
}
.columns.is-mobile > .column.is-narrow {
flex: none;
@ -8531,91 +8531,91 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-0 {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
margin-inline-start: 0%;
}
.columns.is-mobile > .column.is-1 {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-inline-start: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-inline-start: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-4 {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-inline-start: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-inline-start: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-7 {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-inline-start: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-inline-start: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-10 {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-inline-start: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-inline-start: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-inline-start: 100%;
@ -8694,91 +8694,91 @@ label.panel-block:hover {
}
.column.is-0-mobile {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-mobile {
margin-inline-start: 0%;
}
.column.is-1-mobile {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-mobile {
margin-inline-start: 8.3333333333%;
}
.column.is-2-mobile {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-mobile {
margin-inline-start: 16.6666666667%;
}
.column.is-3-mobile {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-mobile {
margin-inline-start: 25%;
}
.column.is-4-mobile {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-mobile {
margin-inline-start: 33.3333333333%;
}
.column.is-5-mobile {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-mobile {
margin-inline-start: 41.6666666667%;
}
.column.is-6-mobile {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-mobile {
margin-inline-start: 50%;
}
.column.is-7-mobile {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-mobile {
margin-inline-start: 58.3333333333%;
}
.column.is-8-mobile {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-mobile {
margin-inline-start: 66.6666666667%;
}
.column.is-9-mobile {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-mobile {
margin-inline-start: 75%;
}
.column.is-10-mobile {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-mobile {
margin-inline-start: 83.3333333333%;
}
.column.is-11-mobile {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-mobile {
margin-inline-start: 91.6666666667%;
}
.column.is-12-mobile {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-mobile {
margin-inline-start: 100%;
@ -8858,91 +8858,91 @@ label.panel-block:hover {
}
.column.is-0, .column.is-0-tablet {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0, .column.is-offset-0-tablet {
margin-inline-start: 0%;
}
.column.is-1, .column.is-1-tablet {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1, .column.is-offset-1-tablet {
margin-inline-start: 8.3333333333%;
}
.column.is-2, .column.is-2-tablet {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2, .column.is-offset-2-tablet {
margin-inline-start: 16.6666666667%;
}
.column.is-3, .column.is-3-tablet {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet {
margin-inline-start: 25%;
}
.column.is-4, .column.is-4-tablet {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4, .column.is-offset-4-tablet {
margin-inline-start: 33.3333333333%;
}
.column.is-5, .column.is-5-tablet {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5, .column.is-offset-5-tablet {
margin-inline-start: 41.6666666667%;
}
.column.is-6, .column.is-6-tablet {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet {
margin-inline-start: 50%;
}
.column.is-7, .column.is-7-tablet {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7, .column.is-offset-7-tablet {
margin-inline-start: 58.3333333333%;
}
.column.is-8, .column.is-8-tablet {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8, .column.is-offset-8-tablet {
margin-inline-start: 66.6666666667%;
}
.column.is-9, .column.is-9-tablet {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet {
margin-inline-start: 75%;
}
.column.is-10, .column.is-10-tablet {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10, .column.is-offset-10-tablet {
margin-inline-start: 83.3333333333%;
}
.column.is-11, .column.is-11-tablet {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11, .column.is-offset-11-tablet {
margin-inline-start: 91.6666666667%;
}
.column.is-12, .column.is-12-tablet {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12, .column.is-offset-12-tablet {
margin-inline-start: 100%;
@ -9186,91 +9186,91 @@ label.panel-block:hover {
}
.column.is-0-desktop {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-desktop {
margin-inline-start: 0%;
}
.column.is-1-desktop {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-desktop {
margin-inline-start: 8.3333333333%;
}
.column.is-2-desktop {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-desktop {
margin-inline-start: 16.6666666667%;
}
.column.is-3-desktop {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-desktop {
margin-inline-start: 25%;
}
.column.is-4-desktop {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-desktop {
margin-inline-start: 33.3333333333%;
}
.column.is-5-desktop {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-desktop {
margin-inline-start: 41.6666666667%;
}
.column.is-6-desktop {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-desktop {
margin-inline-start: 50%;
}
.column.is-7-desktop {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-desktop {
margin-inline-start: 58.3333333333%;
}
.column.is-8-desktop {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-desktop {
margin-inline-start: 66.6666666667%;
}
.column.is-9-desktop {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-desktop {
margin-inline-start: 75%;
}
.column.is-10-desktop {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-desktop {
margin-inline-start: 83.3333333333%;
}
.column.is-11-desktop {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-desktop {
margin-inline-start: 91.6666666667%;
}
.column.is-12-desktop {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-desktop {
margin-inline-start: 100%;
@ -9350,91 +9350,91 @@ label.panel-block:hover {
}
.column.is-0-widescreen {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-widescreen {
margin-inline-start: 0%;
}
.column.is-1-widescreen {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-widescreen {
margin-inline-start: 8.3333333333%;
}
.column.is-2-widescreen {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-widescreen {
margin-inline-start: 16.6666666667%;
}
.column.is-3-widescreen {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-widescreen {
margin-inline-start: 25%;
}
.column.is-4-widescreen {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-widescreen {
margin-inline-start: 33.3333333333%;
}
.column.is-5-widescreen {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-widescreen {
margin-inline-start: 41.6666666667%;
}
.column.is-6-widescreen {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-widescreen {
margin-inline-start: 50%;
}
.column.is-7-widescreen {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-widescreen {
margin-inline-start: 58.3333333333%;
}
.column.is-8-widescreen {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-widescreen {
margin-inline-start: 66.6666666667%;
}
.column.is-9-widescreen {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-widescreen {
margin-inline-start: 75%;
}
.column.is-10-widescreen {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-widescreen {
margin-inline-start: 83.3333333333%;
}
.column.is-11-widescreen {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-widescreen {
margin-inline-start: 91.6666666667%;
}
.column.is-12-widescreen {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-widescreen {
margin-inline-start: 100%;
@ -9614,7 +9614,7 @@ label.panel-block:hover {
margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.columns.is-centered {
justify-content: center;
@ -9653,6 +9653,438 @@ label.panel-block:hover {
display: flex;
}
}
.columns.is-variable.is-0 {
--bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-0-mobile {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-0-tablet {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-0-tablet-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-0-touch {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-0-desktop {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-0-desktop-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-0-widescreen {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-0-widescreen-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-0-fullhd {
--bulma-column-gap: 0rem;
}
}
.columns.is-variable.is-1 {
--bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-1-mobile {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-1-tablet {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-1-tablet-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-1-touch {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-1-desktop {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-1-desktop-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-1-widescreen {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-1-widescreen-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-1-fullhd {
--bulma-column-gap: 0.25rem;
}
}
.columns.is-variable.is-2 {
--bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-2-mobile {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-2-tablet {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-2-tablet-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-2-touch {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-2-desktop {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-2-desktop-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-2-widescreen {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-2-widescreen-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-2-fullhd {
--bulma-column-gap: 0.5rem;
}
}
.columns.is-variable.is-3 {
--bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-3-mobile {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-3-tablet {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-3-tablet-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-3-touch {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-3-desktop {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-3-desktop-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-3-widescreen {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-3-widescreen-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-3-fullhd {
--bulma-column-gap: 0.75rem;
}
}
.columns.is-variable.is-4 {
--bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-4-mobile {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-4-tablet {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-4-tablet-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-4-touch {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-4-desktop {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-4-desktop-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-4-widescreen {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-4-widescreen-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-4-fullhd {
--bulma-column-gap: 1rem;
}
}
.columns.is-variable.is-5 {
--bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-5-mobile {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-5-tablet {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-5-tablet-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-5-touch {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-5-desktop {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-5-desktop-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-5-widescreen {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-5-widescreen-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-5-fullhd {
--bulma-column-gap: 1.25rem;
}
}
.columns.is-variable.is-6 {
--bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-6-mobile {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-6-tablet {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-6-tablet-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-6-touch {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-6-desktop {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-6-desktop-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-6-widescreen {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-6-widescreen-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-6-fullhd {
--bulma-column-gap: 1.5rem;
}
}
.columns.is-variable.is-7 {
--bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-7-mobile {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-7-tablet {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-7-tablet-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-7-touch {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-7-desktop {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-7-desktop-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-7-widescreen {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-7-widescreen-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-7-fullhd {
--bulma-column-gap: 1.75rem;
}
}
.columns.is-variable.is-8 {
--bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-8-mobile {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-8-tablet {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-8-tablet-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-8-touch {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-8-desktop {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-8-desktop-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-8-widescreen {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-8-widescreen-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--bulma-column-gap: 2rem;
}
}
.fixed-grid {
container-name: bulma-fixed-grid;

File diff suppressed because one or more lines are too long

2
css/bulma.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -5653,7 +5653,7 @@ label.panel-block:hover {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
padding: var(--bulma-column-gap);
}
.columns.is-mobile > .column.is-narrow {
flex: none;
@ -5728,91 +5728,91 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-0 {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
margin-inline-start: 0%;
}
.columns.is-mobile > .column.is-1 {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-inline-start: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-inline-start: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-4 {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-inline-start: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-inline-start: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-7 {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-inline-start: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-inline-start: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-10 {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-inline-start: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-inline-start: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-inline-start: 100%;
@ -5891,91 +5891,91 @@ label.panel-block:hover {
}
.column.is-0-mobile {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-mobile {
margin-inline-start: 0%;
}
.column.is-1-mobile {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-mobile {
margin-inline-start: 8.3333333333%;
}
.column.is-2-mobile {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-mobile {
margin-inline-start: 16.6666666667%;
}
.column.is-3-mobile {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-mobile {
margin-inline-start: 25%;
}
.column.is-4-mobile {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-mobile {
margin-inline-start: 33.3333333333%;
}
.column.is-5-mobile {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-mobile {
margin-inline-start: 41.6666666667%;
}
.column.is-6-mobile {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-mobile {
margin-inline-start: 50%;
}
.column.is-7-mobile {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-mobile {
margin-inline-start: 58.3333333333%;
}
.column.is-8-mobile {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-mobile {
margin-inline-start: 66.6666666667%;
}
.column.is-9-mobile {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-mobile {
margin-inline-start: 75%;
}
.column.is-10-mobile {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-mobile {
margin-inline-start: 83.3333333333%;
}
.column.is-11-mobile {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-mobile {
margin-inline-start: 91.6666666667%;
}
.column.is-12-mobile {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-mobile {
margin-inline-start: 100%;
@ -6055,91 +6055,91 @@ label.panel-block:hover {
}
.column.is-0, .column.is-0-tablet {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0, .column.is-offset-0-tablet {
margin-inline-start: 0%;
}
.column.is-1, .column.is-1-tablet {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1, .column.is-offset-1-tablet {
margin-inline-start: 8.3333333333%;
}
.column.is-2, .column.is-2-tablet {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2, .column.is-offset-2-tablet {
margin-inline-start: 16.6666666667%;
}
.column.is-3, .column.is-3-tablet {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet {
margin-inline-start: 25%;
}
.column.is-4, .column.is-4-tablet {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4, .column.is-offset-4-tablet {
margin-inline-start: 33.3333333333%;
}
.column.is-5, .column.is-5-tablet {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5, .column.is-offset-5-tablet {
margin-inline-start: 41.6666666667%;
}
.column.is-6, .column.is-6-tablet {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet {
margin-inline-start: 50%;
}
.column.is-7, .column.is-7-tablet {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7, .column.is-offset-7-tablet {
margin-inline-start: 58.3333333333%;
}
.column.is-8, .column.is-8-tablet {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8, .column.is-offset-8-tablet {
margin-inline-start: 66.6666666667%;
}
.column.is-9, .column.is-9-tablet {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet {
margin-inline-start: 75%;
}
.column.is-10, .column.is-10-tablet {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10, .column.is-offset-10-tablet {
margin-inline-start: 83.3333333333%;
}
.column.is-11, .column.is-11-tablet {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11, .column.is-offset-11-tablet {
margin-inline-start: 91.6666666667%;
}
.column.is-12, .column.is-12-tablet {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12, .column.is-offset-12-tablet {
margin-inline-start: 100%;
@ -6383,91 +6383,91 @@ label.panel-block:hover {
}
.column.is-0-desktop {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-desktop {
margin-inline-start: 0%;
}
.column.is-1-desktop {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-desktop {
margin-inline-start: 8.3333333333%;
}
.column.is-2-desktop {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-desktop {
margin-inline-start: 16.6666666667%;
}
.column.is-3-desktop {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-desktop {
margin-inline-start: 25%;
}
.column.is-4-desktop {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-desktop {
margin-inline-start: 33.3333333333%;
}
.column.is-5-desktop {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-desktop {
margin-inline-start: 41.6666666667%;
}
.column.is-6-desktop {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-desktop {
margin-inline-start: 50%;
}
.column.is-7-desktop {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-desktop {
margin-inline-start: 58.3333333333%;
}
.column.is-8-desktop {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-desktop {
margin-inline-start: 66.6666666667%;
}
.column.is-9-desktop {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-desktop {
margin-inline-start: 75%;
}
.column.is-10-desktop {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-desktop {
margin-inline-start: 83.3333333333%;
}
.column.is-11-desktop {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-desktop {
margin-inline-start: 91.6666666667%;
}
.column.is-12-desktop {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-desktop {
margin-inline-start: 100%;
@ -6547,91 +6547,91 @@ label.panel-block:hover {
}
.column.is-0-widescreen {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-widescreen {
margin-inline-start: 0%;
}
.column.is-1-widescreen {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-widescreen {
margin-inline-start: 8.3333333333%;
}
.column.is-2-widescreen {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-widescreen {
margin-inline-start: 16.6666666667%;
}
.column.is-3-widescreen {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-widescreen {
margin-inline-start: 25%;
}
.column.is-4-widescreen {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-widescreen {
margin-inline-start: 33.3333333333%;
}
.column.is-5-widescreen {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-widescreen {
margin-inline-start: 41.6666666667%;
}
.column.is-6-widescreen {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-widescreen {
margin-inline-start: 50%;
}
.column.is-7-widescreen {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-widescreen {
margin-inline-start: 58.3333333333%;
}
.column.is-8-widescreen {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-widescreen {
margin-inline-start: 66.6666666667%;
}
.column.is-9-widescreen {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-widescreen {
margin-inline-start: 75%;
}
.column.is-10-widescreen {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-widescreen {
margin-inline-start: 83.3333333333%;
}
.column.is-11-widescreen {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-widescreen {
margin-inline-start: 91.6666666667%;
}
.column.is-12-widescreen {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-widescreen {
margin-inline-start: 100%;
@ -6811,7 +6811,7 @@ label.panel-block:hover {
margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.columns.is-centered {
justify-content: center;
@ -6850,6 +6850,438 @@ label.panel-block:hover {
display: flex;
}
}
.columns.is-variable.is-0 {
--bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-0-mobile {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-0-tablet {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-0-tablet-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-0-touch {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-0-desktop {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-0-desktop-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-0-widescreen {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-0-widescreen-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-0-fullhd {
--bulma-column-gap: 0rem;
}
}
.columns.is-variable.is-1 {
--bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-1-mobile {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-1-tablet {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-1-tablet-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-1-touch {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-1-desktop {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-1-desktop-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-1-widescreen {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-1-widescreen-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-1-fullhd {
--bulma-column-gap: 0.25rem;
}
}
.columns.is-variable.is-2 {
--bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-2-mobile {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-2-tablet {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-2-tablet-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-2-touch {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-2-desktop {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-2-desktop-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-2-widescreen {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-2-widescreen-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-2-fullhd {
--bulma-column-gap: 0.5rem;
}
}
.columns.is-variable.is-3 {
--bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-3-mobile {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-3-tablet {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-3-tablet-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-3-touch {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-3-desktop {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-3-desktop-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-3-widescreen {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-3-widescreen-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-3-fullhd {
--bulma-column-gap: 0.75rem;
}
}
.columns.is-variable.is-4 {
--bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-4-mobile {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-4-tablet {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-4-tablet-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-4-touch {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-4-desktop {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-4-desktop-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-4-widescreen {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-4-widescreen-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-4-fullhd {
--bulma-column-gap: 1rem;
}
}
.columns.is-variable.is-5 {
--bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-5-mobile {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-5-tablet {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-5-tablet-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-5-touch {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-5-desktop {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-5-desktop-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-5-widescreen {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-5-widescreen-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-5-fullhd {
--bulma-column-gap: 1.25rem;
}
}
.columns.is-variable.is-6 {
--bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-6-mobile {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-6-tablet {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-6-tablet-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-6-touch {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-6-desktop {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-6-desktop-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-6-widescreen {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-6-widescreen-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-6-fullhd {
--bulma-column-gap: 1.5rem;
}
}
.columns.is-variable.is-7 {
--bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-7-mobile {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-7-tablet {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-7-tablet-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-7-touch {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-7-desktop {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-7-desktop-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-7-widescreen {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-7-widescreen-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-7-fullhd {
--bulma-column-gap: 1.75rem;
}
}
.columns.is-variable.is-8 {
--bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-8-mobile {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-8-tablet {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-8-tablet-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-8-touch {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-8-desktop {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-8-desktop-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-8-widescreen {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-8-widescreen-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--bulma-column-gap: 2rem;
}
}
.fixed-grid {
container-name: bulma-fixed-grid;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5653,7 +5653,7 @@ label.bulma-panel-block:hover {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
padding: var(--bulma-column-gap);
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-narrow {
flex: none;
@ -5728,91 +5728,91 @@ label.bulma-panel-block:hover {
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-0 {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-0 {
margin-inline-start: 0%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-1 {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-1 {
margin-inline-start: 8.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-2 {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-2 {
margin-inline-start: 16.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-3 {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-3 {
margin-inline-start: 25%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-4 {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-4 {
margin-inline-start: 33.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-5 {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-5 {
margin-inline-start: 41.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-6 {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-6 {
margin-inline-start: 50%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-7 {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-7 {
margin-inline-start: 58.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-8 {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-8 {
margin-inline-start: 66.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-9 {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-9 {
margin-inline-start: 75%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-10 {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-10 {
margin-inline-start: 83.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-11 {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-11 {
margin-inline-start: 91.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-12 {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-12 {
margin-inline-start: 100%;
@ -5891,91 +5891,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0-mobile {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0-mobile {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1-mobile {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1-mobile {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2-mobile {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2-mobile {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3-mobile {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3-mobile {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4-mobile {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4-mobile {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5-mobile {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5-mobile {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6-mobile {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6-mobile {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7-mobile {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7-mobile {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8-mobile {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8-mobile {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9-mobile {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9-mobile {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10-mobile {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10-mobile {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11-mobile {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11-mobile {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12-mobile {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12-mobile {
margin-inline-start: 100%;
@ -6055,91 +6055,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0, .bulma-column.bulma-is-0-tablet {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0, .bulma-column.bulma-is-offset-0-tablet {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1, .bulma-column.bulma-is-1-tablet {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1, .bulma-column.bulma-is-offset-1-tablet {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2, .bulma-column.bulma-is-2-tablet {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2, .bulma-column.bulma-is-offset-2-tablet {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3, .bulma-column.bulma-is-3-tablet {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3, .bulma-column.bulma-is-offset-3-tablet {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4, .bulma-column.bulma-is-4-tablet {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4, .bulma-column.bulma-is-offset-4-tablet {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5, .bulma-column.bulma-is-5-tablet {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5, .bulma-column.bulma-is-offset-5-tablet {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6, .bulma-column.bulma-is-6-tablet {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6, .bulma-column.bulma-is-offset-6-tablet {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7, .bulma-column.bulma-is-7-tablet {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7, .bulma-column.bulma-is-offset-7-tablet {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8, .bulma-column.bulma-is-8-tablet {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8, .bulma-column.bulma-is-offset-8-tablet {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9, .bulma-column.bulma-is-9-tablet {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9, .bulma-column.bulma-is-offset-9-tablet {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10, .bulma-column.bulma-is-10-tablet {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10, .bulma-column.bulma-is-offset-10-tablet {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11, .bulma-column.bulma-is-11-tablet {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11, .bulma-column.bulma-is-offset-11-tablet {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12, .bulma-column.bulma-is-12-tablet {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12, .bulma-column.bulma-is-offset-12-tablet {
margin-inline-start: 100%;
@ -6383,91 +6383,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0-desktop {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0-desktop {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1-desktop {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1-desktop {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2-desktop {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2-desktop {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3-desktop {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3-desktop {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4-desktop {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4-desktop {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5-desktop {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5-desktop {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6-desktop {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6-desktop {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7-desktop {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7-desktop {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8-desktop {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8-desktop {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9-desktop {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9-desktop {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10-desktop {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10-desktop {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11-desktop {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11-desktop {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12-desktop {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12-desktop {
margin-inline-start: 100%;
@ -6547,91 +6547,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0-widescreen {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0-widescreen {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1-widescreen {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1-widescreen {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2-widescreen {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2-widescreen {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3-widescreen {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3-widescreen {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4-widescreen {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4-widescreen {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5-widescreen {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5-widescreen {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6-widescreen {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6-widescreen {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7-widescreen {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7-widescreen {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8-widescreen {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8-widescreen {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9-widescreen {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9-widescreen {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10-widescreen {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10-widescreen {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11-widescreen {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11-widescreen {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12-widescreen {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12-widescreen {
margin-inline-start: 100%;
@ -6811,7 +6811,7 @@ label.bulma-panel-block:hover {
margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.bulma-columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.bulma-columns.bulma-is-centered {
justify-content: center;
@ -6850,6 +6850,438 @@ label.bulma-panel-block:hover {
display: flex;
}
}
.bulma-columns.bulma-is-variable.bulma-is-0 {
--bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-0-mobile {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-0-tablet {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-0-tablet-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-0-touch {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-0-desktop {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-0-desktop-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-0-widescreen {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-0-widescreen-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-0-fullhd {
--bulma-column-gap: 0rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-1 {
--bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-1-mobile {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-1-tablet {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-1-tablet-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-1-touch {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-1-desktop {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-1-desktop-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-1-widescreen {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-1-widescreen-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-1-fullhd {
--bulma-column-gap: 0.25rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-2 {
--bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-2-mobile {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-2-tablet {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-2-tablet-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-2-touch {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-2-desktop {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-2-desktop-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-2-widescreen {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-2-widescreen-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-2-fullhd {
--bulma-column-gap: 0.5rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-3 {
--bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-3-mobile {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-3-tablet {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-3-tablet-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-3-touch {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-3-desktop {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-3-desktop-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-3-widescreen {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-3-widescreen-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-3-fullhd {
--bulma-column-gap: 0.75rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-4 {
--bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-4-mobile {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-4-tablet {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-4-tablet-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-4-touch {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-4-desktop {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-4-desktop-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-4-widescreen {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-4-widescreen-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-4-fullhd {
--bulma-column-gap: 1rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-5 {
--bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-5-mobile {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-5-tablet {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-5-tablet-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-5-touch {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-5-desktop {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-5-desktop-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-5-widescreen {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-5-widescreen-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-5-fullhd {
--bulma-column-gap: 1.25rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-6 {
--bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-6-mobile {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-6-tablet {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-6-tablet-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-6-touch {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-6-desktop {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-6-desktop-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-6-widescreen {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-6-widescreen-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-6-fullhd {
--bulma-column-gap: 1.5rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-7 {
--bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-7-mobile {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-7-tablet {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-7-tablet-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-7-touch {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-7-desktop {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-7-desktop-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-7-widescreen {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-7-widescreen-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-7-fullhd {
--bulma-column-gap: 1.75rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-8 {
--bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-8-mobile {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-8-tablet {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-8-tablet-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-8-touch {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-8-desktop {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-8-desktop-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-8-widescreen {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-8-widescreen-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-8-fullhd {
--bulma-column-gap: 2rem;
}
}
.bulma-fixed-grid {
container-name: bulma-fixed-grid;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -5653,7 +5653,7 @@ label.panel-block:hover {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
padding: var(--bulma-column-gap);
}
.columns.is-mobile > .column.is-narrow {
flex: none;
@ -5728,91 +5728,91 @@ label.panel-block:hover {
}
.columns.is-mobile > .column.is-0 {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
margin-inline-start: 0%;
}
.columns.is-mobile > .column.is-1 {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-inline-start: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-inline-start: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-inline-start: 25%;
}
.columns.is-mobile > .column.is-4 {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-inline-start: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-inline-start: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-inline-start: 50%;
}
.columns.is-mobile > .column.is-7 {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-inline-start: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-inline-start: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-inline-start: 75%;
}
.columns.is-mobile > .column.is-10 {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-inline-start: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-inline-start: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-inline-start: 100%;
@ -5891,91 +5891,91 @@ label.panel-block:hover {
}
.column.is-0-mobile {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-mobile {
margin-inline-start: 0%;
}
.column.is-1-mobile {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-mobile {
margin-inline-start: 8.3333333333%;
}
.column.is-2-mobile {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-mobile {
margin-inline-start: 16.6666666667%;
}
.column.is-3-mobile {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-mobile {
margin-inline-start: 25%;
}
.column.is-4-mobile {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-mobile {
margin-inline-start: 33.3333333333%;
}
.column.is-5-mobile {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-mobile {
margin-inline-start: 41.6666666667%;
}
.column.is-6-mobile {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-mobile {
margin-inline-start: 50%;
}
.column.is-7-mobile {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-mobile {
margin-inline-start: 58.3333333333%;
}
.column.is-8-mobile {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-mobile {
margin-inline-start: 66.6666666667%;
}
.column.is-9-mobile {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-mobile {
margin-inline-start: 75%;
}
.column.is-10-mobile {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-mobile {
margin-inline-start: 83.3333333333%;
}
.column.is-11-mobile {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-mobile {
margin-inline-start: 91.6666666667%;
}
.column.is-12-mobile {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-mobile {
margin-inline-start: 100%;
@ -6055,91 +6055,91 @@ label.panel-block:hover {
}
.column.is-0, .column.is-0-tablet {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0, .column.is-offset-0-tablet {
margin-inline-start: 0%;
}
.column.is-1, .column.is-1-tablet {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1, .column.is-offset-1-tablet {
margin-inline-start: 8.3333333333%;
}
.column.is-2, .column.is-2-tablet {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2, .column.is-offset-2-tablet {
margin-inline-start: 16.6666666667%;
}
.column.is-3, .column.is-3-tablet {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet {
margin-inline-start: 25%;
}
.column.is-4, .column.is-4-tablet {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4, .column.is-offset-4-tablet {
margin-inline-start: 33.3333333333%;
}
.column.is-5, .column.is-5-tablet {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5, .column.is-offset-5-tablet {
margin-inline-start: 41.6666666667%;
}
.column.is-6, .column.is-6-tablet {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet {
margin-inline-start: 50%;
}
.column.is-7, .column.is-7-tablet {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7, .column.is-offset-7-tablet {
margin-inline-start: 58.3333333333%;
}
.column.is-8, .column.is-8-tablet {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8, .column.is-offset-8-tablet {
margin-inline-start: 66.6666666667%;
}
.column.is-9, .column.is-9-tablet {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet {
margin-inline-start: 75%;
}
.column.is-10, .column.is-10-tablet {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10, .column.is-offset-10-tablet {
margin-inline-start: 83.3333333333%;
}
.column.is-11, .column.is-11-tablet {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11, .column.is-offset-11-tablet {
margin-inline-start: 91.6666666667%;
}
.column.is-12, .column.is-12-tablet {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12, .column.is-offset-12-tablet {
margin-inline-start: 100%;
@ -6383,91 +6383,91 @@ label.panel-block:hover {
}
.column.is-0-desktop {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-desktop {
margin-inline-start: 0%;
}
.column.is-1-desktop {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-desktop {
margin-inline-start: 8.3333333333%;
}
.column.is-2-desktop {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-desktop {
margin-inline-start: 16.6666666667%;
}
.column.is-3-desktop {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-desktop {
margin-inline-start: 25%;
}
.column.is-4-desktop {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-desktop {
margin-inline-start: 33.3333333333%;
}
.column.is-5-desktop {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-desktop {
margin-inline-start: 41.6666666667%;
}
.column.is-6-desktop {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-desktop {
margin-inline-start: 50%;
}
.column.is-7-desktop {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-desktop {
margin-inline-start: 58.3333333333%;
}
.column.is-8-desktop {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-desktop {
margin-inline-start: 66.6666666667%;
}
.column.is-9-desktop {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-desktop {
margin-inline-start: 75%;
}
.column.is-10-desktop {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-desktop {
margin-inline-start: 83.3333333333%;
}
.column.is-11-desktop {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-desktop {
margin-inline-start: 91.6666666667%;
}
.column.is-12-desktop {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-desktop {
margin-inline-start: 100%;
@ -6547,91 +6547,91 @@ label.panel-block:hover {
}
.column.is-0-widescreen {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.column.is-offset-0-widescreen {
margin-inline-start: 0%;
}
.column.is-1-widescreen {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.column.is-offset-1-widescreen {
margin-inline-start: 8.3333333333%;
}
.column.is-2-widescreen {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.column.is-offset-2-widescreen {
margin-inline-start: 16.6666666667%;
}
.column.is-3-widescreen {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.column.is-offset-3-widescreen {
margin-inline-start: 25%;
}
.column.is-4-widescreen {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.column.is-offset-4-widescreen {
margin-inline-start: 33.3333333333%;
}
.column.is-5-widescreen {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.column.is-offset-5-widescreen {
margin-inline-start: 41.6666666667%;
}
.column.is-6-widescreen {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.column.is-offset-6-widescreen {
margin-inline-start: 50%;
}
.column.is-7-widescreen {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.column.is-offset-7-widescreen {
margin-inline-start: 58.3333333333%;
}
.column.is-8-widescreen {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.column.is-offset-8-widescreen {
margin-inline-start: 66.6666666667%;
}
.column.is-9-widescreen {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.column.is-offset-9-widescreen {
margin-inline-start: 75%;
}
.column.is-10-widescreen {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.column.is-offset-10-widescreen {
margin-inline-start: 83.3333333333%;
}
.column.is-11-widescreen {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.column.is-offset-11-widescreen {
margin-inline-start: 91.6666666667%;
}
.column.is-12-widescreen {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.column.is-offset-12-widescreen {
margin-inline-start: 100%;
@ -6811,7 +6811,7 @@ label.panel-block:hover {
margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.columns.is-centered {
justify-content: center;
@ -6850,6 +6850,438 @@ label.panel-block:hover {
display: flex;
}
}
.columns.is-variable.is-0 {
--bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-0-mobile {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-0-tablet {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-0-tablet-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-0-touch {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-0-desktop {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-0-desktop-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-0-widescreen {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-0-widescreen-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-0-fullhd {
--bulma-column-gap: 0rem;
}
}
.columns.is-variable.is-1 {
--bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-1-mobile {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-1-tablet {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-1-tablet-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-1-touch {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-1-desktop {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-1-desktop-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-1-widescreen {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-1-widescreen-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-1-fullhd {
--bulma-column-gap: 0.25rem;
}
}
.columns.is-variable.is-2 {
--bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-2-mobile {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-2-tablet {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-2-tablet-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-2-touch {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-2-desktop {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-2-desktop-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-2-widescreen {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-2-widescreen-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-2-fullhd {
--bulma-column-gap: 0.5rem;
}
}
.columns.is-variable.is-3 {
--bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-3-mobile {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-3-tablet {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-3-tablet-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-3-touch {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-3-desktop {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-3-desktop-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-3-widescreen {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-3-widescreen-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-3-fullhd {
--bulma-column-gap: 0.75rem;
}
}
.columns.is-variable.is-4 {
--bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-4-mobile {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-4-tablet {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-4-tablet-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-4-touch {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-4-desktop {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-4-desktop-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-4-widescreen {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-4-widescreen-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-4-fullhd {
--bulma-column-gap: 1rem;
}
}
.columns.is-variable.is-5 {
--bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-5-mobile {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-5-tablet {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-5-tablet-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-5-touch {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-5-desktop {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-5-desktop-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-5-widescreen {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-5-widescreen-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-5-fullhd {
--bulma-column-gap: 1.25rem;
}
}
.columns.is-variable.is-6 {
--bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-6-mobile {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-6-tablet {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-6-tablet-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-6-touch {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-6-desktop {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-6-desktop-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-6-widescreen {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-6-widescreen-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-6-fullhd {
--bulma-column-gap: 1.5rem;
}
}
.columns.is-variable.is-7 {
--bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-7-mobile {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-7-tablet {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-7-tablet-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-7-touch {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-7-desktop {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-7-desktop-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-7-widescreen {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-7-widescreen-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-7-fullhd {
--bulma-column-gap: 1.75rem;
}
}
.columns.is-variable.is-8 {
--bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-8-mobile {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px), print {
.columns.is-variable.is-8-tablet {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-8-tablet-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-8-touch {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-8-desktop {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-8-desktop-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-8-widescreen {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-8-widescreen-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--bulma-column-gap: 2rem;
}
}
.fixed-grid {
container-name: bulma-fixed-grid;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -8456,7 +8456,7 @@ label.bulma-panel-block:hover {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
padding: var(--bulma-column-gap);
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-narrow {
flex: none;
@ -8531,91 +8531,91 @@ label.bulma-panel-block:hover {
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-0 {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-0 {
margin-inline-start: 0%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-1 {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-1 {
margin-inline-start: 8.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-2 {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-2 {
margin-inline-start: 16.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-3 {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-3 {
margin-inline-start: 25%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-4 {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-4 {
margin-inline-start: 33.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-5 {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-5 {
margin-inline-start: 41.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-6 {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-6 {
margin-inline-start: 50%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-7 {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-7 {
margin-inline-start: 58.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-8 {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-8 {
margin-inline-start: 66.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-9 {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-9 {
margin-inline-start: 75%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-10 {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-10 {
margin-inline-start: 83.3333333333%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-11 {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-11 {
margin-inline-start: 91.6666666667%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-12 {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-columns.bulma-is-mobile > .bulma-column.bulma-is-offset-12 {
margin-inline-start: 100%;
@ -8694,91 +8694,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0-mobile {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0-mobile {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1-mobile {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1-mobile {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2-mobile {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2-mobile {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3-mobile {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3-mobile {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4-mobile {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4-mobile {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5-mobile {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5-mobile {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6-mobile {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6-mobile {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7-mobile {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7-mobile {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8-mobile {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8-mobile {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9-mobile {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9-mobile {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10-mobile {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10-mobile {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11-mobile {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11-mobile {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12-mobile {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12-mobile {
margin-inline-start: 100%;
@ -8858,91 +8858,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0, .bulma-column.bulma-is-0-tablet {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0, .bulma-column.bulma-is-offset-0-tablet {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1, .bulma-column.bulma-is-1-tablet {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1, .bulma-column.bulma-is-offset-1-tablet {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2, .bulma-column.bulma-is-2-tablet {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2, .bulma-column.bulma-is-offset-2-tablet {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3, .bulma-column.bulma-is-3-tablet {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3, .bulma-column.bulma-is-offset-3-tablet {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4, .bulma-column.bulma-is-4-tablet {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4, .bulma-column.bulma-is-offset-4-tablet {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5, .bulma-column.bulma-is-5-tablet {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5, .bulma-column.bulma-is-offset-5-tablet {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6, .bulma-column.bulma-is-6-tablet {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6, .bulma-column.bulma-is-offset-6-tablet {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7, .bulma-column.bulma-is-7-tablet {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7, .bulma-column.bulma-is-offset-7-tablet {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8, .bulma-column.bulma-is-8-tablet {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8, .bulma-column.bulma-is-offset-8-tablet {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9, .bulma-column.bulma-is-9-tablet {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9, .bulma-column.bulma-is-offset-9-tablet {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10, .bulma-column.bulma-is-10-tablet {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10, .bulma-column.bulma-is-offset-10-tablet {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11, .bulma-column.bulma-is-11-tablet {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11, .bulma-column.bulma-is-offset-11-tablet {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12, .bulma-column.bulma-is-12-tablet {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12, .bulma-column.bulma-is-offset-12-tablet {
margin-inline-start: 100%;
@ -9186,91 +9186,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0-desktop {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0-desktop {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1-desktop {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1-desktop {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2-desktop {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2-desktop {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3-desktop {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3-desktop {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4-desktop {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4-desktop {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5-desktop {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5-desktop {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6-desktop {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6-desktop {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7-desktop {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7-desktop {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8-desktop {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8-desktop {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9-desktop {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9-desktop {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10-desktop {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10-desktop {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11-desktop {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11-desktop {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12-desktop {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12-desktop {
margin-inline-start: 100%;
@ -9350,91 +9350,91 @@ label.bulma-panel-block:hover {
}
.bulma-column.bulma-is-0-widescreen {
flex: none;
width: calc(0% - var(--bulma-column-gap) / 2);
width: 0%;
}
.bulma-column.bulma-is-offset-0-widescreen {
margin-inline-start: 0%;
}
.bulma-column.bulma-is-1-widescreen {
flex: none;
width: calc(8.3333333333% - var(--bulma-column-gap) / 2);
width: 8.3333333333%;
}
.bulma-column.bulma-is-offset-1-widescreen {
margin-inline-start: 8.3333333333%;
}
.bulma-column.bulma-is-2-widescreen {
flex: none;
width: calc(16.6666666667% - var(--bulma-column-gap) / 2);
width: 16.6666666667%;
}
.bulma-column.bulma-is-offset-2-widescreen {
margin-inline-start: 16.6666666667%;
}
.bulma-column.bulma-is-3-widescreen {
flex: none;
width: calc(25% - var(--bulma-column-gap) / 2);
width: 25%;
}
.bulma-column.bulma-is-offset-3-widescreen {
margin-inline-start: 25%;
}
.bulma-column.bulma-is-4-widescreen {
flex: none;
width: calc(33.3333333333% - var(--bulma-column-gap) / 2);
width: 33.3333333333%;
}
.bulma-column.bulma-is-offset-4-widescreen {
margin-inline-start: 33.3333333333%;
}
.bulma-column.bulma-is-5-widescreen {
flex: none;
width: calc(41.6666666667% - var(--bulma-column-gap) / 2);
width: 41.6666666667%;
}
.bulma-column.bulma-is-offset-5-widescreen {
margin-inline-start: 41.6666666667%;
}
.bulma-column.bulma-is-6-widescreen {
flex: none;
width: calc(50% - var(--bulma-column-gap) / 2);
width: 50%;
}
.bulma-column.bulma-is-offset-6-widescreen {
margin-inline-start: 50%;
}
.bulma-column.bulma-is-7-widescreen {
flex: none;
width: calc(58.3333333333% - var(--bulma-column-gap) / 2);
width: 58.3333333333%;
}
.bulma-column.bulma-is-offset-7-widescreen {
margin-inline-start: 58.3333333333%;
}
.bulma-column.bulma-is-8-widescreen {
flex: none;
width: calc(66.6666666667% - var(--bulma-column-gap) / 2);
width: 66.6666666667%;
}
.bulma-column.bulma-is-offset-8-widescreen {
margin-inline-start: 66.6666666667%;
}
.bulma-column.bulma-is-9-widescreen {
flex: none;
width: calc(75% - var(--bulma-column-gap) / 2);
width: 75%;
}
.bulma-column.bulma-is-offset-9-widescreen {
margin-inline-start: 75%;
}
.bulma-column.bulma-is-10-widescreen {
flex: none;
width: calc(83.3333333333% - var(--bulma-column-gap) / 2);
width: 83.3333333333%;
}
.bulma-column.bulma-is-offset-10-widescreen {
margin-inline-start: 83.3333333333%;
}
.bulma-column.bulma-is-11-widescreen {
flex: none;
width: calc(91.6666666667% - var(--bulma-column-gap) / 2);
width: 91.6666666667%;
}
.bulma-column.bulma-is-offset-11-widescreen {
margin-inline-start: 91.6666666667%;
}
.bulma-column.bulma-is-12-widescreen {
flex: none;
width: calc(100% - var(--bulma-column-gap) / 2);
width: 100%;
}
.bulma-column.bulma-is-offset-12-widescreen {
margin-inline-start: 100%;
@ -9614,7 +9614,7 @@ label.bulma-panel-block:hover {
margin-bottom: calc(-1 * var(--bulma-column-gap));
}
.bulma-columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
margin-bottom: calc(var(--bulma-block-spacing) - var(--bulma-column-gap));
}
.bulma-columns.bulma-is-centered {
justify-content: center;
@ -9653,6 +9653,438 @@ label.bulma-panel-block:hover {
display: flex;
}
}
.bulma-columns.bulma-is-variable.bulma-is-0 {
--bulma-column-gap: 0rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-0-mobile {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-0-tablet {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-0-tablet-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-0-touch {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-0-desktop {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-0-desktop-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-0-widescreen {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-0-widescreen-only {
--bulma-column-gap: 0rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-0-fullhd {
--bulma-column-gap: 0rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-1 {
--bulma-column-gap: 0.25rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-1-mobile {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-1-tablet {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-1-tablet-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-1-touch {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-1-desktop {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-1-desktop-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-1-widescreen {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-1-widescreen-only {
--bulma-column-gap: 0.25rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-1-fullhd {
--bulma-column-gap: 0.25rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-2 {
--bulma-column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-2-mobile {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-2-tablet {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-2-tablet-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-2-touch {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-2-desktop {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-2-desktop-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-2-widescreen {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-2-widescreen-only {
--bulma-column-gap: 0.5rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-2-fullhd {
--bulma-column-gap: 0.5rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-3 {
--bulma-column-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-3-mobile {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-3-tablet {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-3-tablet-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-3-touch {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-3-desktop {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-3-desktop-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-3-widescreen {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-3-widescreen-only {
--bulma-column-gap: 0.75rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-3-fullhd {
--bulma-column-gap: 0.75rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-4 {
--bulma-column-gap: 1rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-4-mobile {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-4-tablet {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-4-tablet-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-4-touch {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-4-desktop {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-4-desktop-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-4-widescreen {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-4-widescreen-only {
--bulma-column-gap: 1rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-4-fullhd {
--bulma-column-gap: 1rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-5 {
--bulma-column-gap: 1.25rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-5-mobile {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-5-tablet {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-5-tablet-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-5-touch {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-5-desktop {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-5-desktop-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-5-widescreen {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-5-widescreen-only {
--bulma-column-gap: 1.25rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-5-fullhd {
--bulma-column-gap: 1.25rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-6 {
--bulma-column-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-6-mobile {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-6-tablet {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-6-tablet-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-6-touch {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-6-desktop {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-6-desktop-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-6-widescreen {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-6-widescreen-only {
--bulma-column-gap: 1.5rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-6-fullhd {
--bulma-column-gap: 1.5rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-7 {
--bulma-column-gap: 1.75rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-7-mobile {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-7-tablet {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-7-tablet-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-7-touch {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-7-desktop {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-7-desktop-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-7-widescreen {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-7-widescreen-only {
--bulma-column-gap: 1.75rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-7-fullhd {
--bulma-column-gap: 1.75rem;
}
}
.bulma-columns.bulma-is-variable.bulma-is-8 {
--bulma-column-gap: 2rem;
}
@media screen and (max-width: 768px) {
.bulma-columns.bulma-is-variable.bulma-is-8-mobile {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px), print {
.bulma-columns.bulma-is-variable.bulma-is-8-tablet {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-8-tablet-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (max-width: 1023px) {
.bulma-columns.bulma-is-variable.bulma-is-8-touch {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) {
.bulma-columns.bulma-is-variable.bulma-is-8-desktop {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.bulma-columns.bulma-is-variable.bulma-is-8-desktop-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) {
.bulma-columns.bulma-is-variable.bulma-is-8-widescreen {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.bulma-columns.bulma-is-variable.bulma-is-8-widescreen-only {
--bulma-column-gap: 2rem;
}
}
@media screen and (min-width: 1408px) {
.bulma-columns.bulma-is-variable.bulma-is-8-fullhd {
--bulma-column-gap: 2rem;
}
}
.bulma-fixed-grid {
container-name: bulma-fixed-grid;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -108,4 +108,4 @@
</div>
</div>
<script src="{{ site.url }}/lib/klmn.js"></script>
<script src="{{ site.url }}/assets/javascript/klmn.js"></script>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,44 @@
document.addEventListener("DOMContentLoaded", () => {
const $klmnColumns = Array.prototype.slice.call(
document.querySelectorAll(".bd-klmn-columns"),
0,
);
const $klmnGaps = Array.prototype.slice.call(
document.querySelectorAll(".bd-klmn-gap"),
0,
);
const $klmnValue = document.getElementById("klmnValue");
$klmnGaps.forEach((el) => {
el.addEventListener("mouseenter", () => {
const index = el.dataset.value;
selectGap(index);
});
});
function resetGaps() {
$klmnGaps.forEach((el) => {
el.classList.remove("bd-is-selected");
});
}
function setColumns(n) {
$klmnColumns.forEach((el) => {
el.className = `columns is-variable bd-klmn-columns is-${n}`;
});
}
function setValue(n) {
const rem = `${n * 0.25}rem`;
$klmnValue.innerHTML = rem;
}
function selectGap(n) {
resetGaps();
$klmnGaps[n].classList.add("bd-is-selected");
setColumns(n);
setValue(n);
}
selectGap(3);
});

View File

@ -172,15 +172,6 @@ breadcrumb:
</div>
</div>
<div class="message is-info">
<div class="message-body">
<p>
If your Sass setup doesn't support CSS Variables, you can
<strong>disable this feature</strong> by setting <code>$variable-columns</code> to <code>false</code>.
</p>
</div>
</div>
{% assign vernum = site.data.meta.version | downcase | remove: '.' | plus: 0 %}
{% if vernum >= 72 %}
{%

View File

@ -1,957 +0,0 @@
@use "sass:math";
@use "../utilities/css-variables" as cv;
@use "../utilities/derived-variables" as dv;
@use "../utilities/initial-variables" as iv;
@use "../utilities/extends";
@use "../utilities/mixins" as mx;
$column-gap: 1.5rem !default;
:root {
@include cv.register-vars(
(
"column-gap": #{$column-gap},
)
);
}
.#{iv.$class-prefix}column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-narrow {
flex: none;
width: unset;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-full {
flex: none;
width: 100%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-three-quarters {
flex: none;
width: calc(75% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-two-thirds {
flex: none;
width: calc(66.6666% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-half {
flex: none;
width: calc(50% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-one-third {
flex: none;
width: calc(33.3333% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-one-quarter {
flex: none;
width: calc(25% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-one-fifth {
flex: none;
width: calc(20% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-two-fifths {
flex: none;
width: calc(40% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-three-fifths {
flex: none;
width: calc(60% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-four-fifths {
flex: none;
width: calc(80% - calc(#{cv.getVar("column-gap")} / 2));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-three-quarters {
margin-inline-start: 75%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-two-thirds {
margin-inline-start: 66.6666%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-half {
margin-inline-start: 50%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-one-third {
margin-inline-start: 33.3333%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-one-quarter {
margin-inline-start: 25%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-one-fifth {
margin-inline-start: 20%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-two-fifths {
margin-inline-start: 40%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-three-fifths {
margin-inline-start: 60%;
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-four-fifths {
margin-inline-start: 80%;
}
@for $i from 0 through 12 {
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-#{$i} {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(#{cv.getVar("column-gap")} / 2)
);
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-offset-#{$i} {
margin-inline-start: math.percentage(math.div($i, 12));
}
}
@include mx.mobile {
&.#{iv.$class-prefix}is-narrow-mobile {
flex: none;
width: unset;
}
&.#{iv.$class-prefix}is-full-mobile {
flex: none;
width: 100%;
}
&.#{iv.$class-prefix}is-three-quarters-mobile {
flex: none;
width: calc(75% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-thirds-mobile {
flex: none;
width: calc(66.6666% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-half-mobile {
flex: none;
width: calc(50% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-third-mobile {
flex: none;
width: calc(33.3333% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-quarter-mobile {
flex: none;
width: calc(25% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-fifth-mobile {
flex: none;
width: calc(20% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-fifths-mobile {
flex: none;
width: calc(40% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-three-fifths-mobile {
flex: none;
width: calc(60% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-four-fifths-mobile {
flex: none;
width: calc(80% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-offset-three-quarters-mobile {
margin-inline-start: 75%;
}
&.#{iv.$class-prefix}is-offset-two-thirds-mobile {
margin-inline-start: 66.6666%;
}
&.#{iv.$class-prefix}is-offset-half-mobile {
margin-inline-start: 50%;
}
&.#{iv.$class-prefix}is-offset-one-third-mobile {
margin-inline-start: 33.3333%;
}
&.#{iv.$class-prefix}is-offset-one-quarter-mobile {
margin-inline-start: 25%;
}
&.#{iv.$class-prefix}is-offset-one-fifth-mobile {
margin-inline-start: 20%;
}
&.#{iv.$class-prefix}is-offset-two-fifths-mobile {
margin-inline-start: 40%;
}
&.#{iv.$class-prefix}is-offset-three-fifths-mobile {
margin-inline-start: 60%;
}
&.#{iv.$class-prefix}is-offset-four-fifths-mobile {
margin-inline-start: 80%;
}
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-mobile {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
}
&.#{iv.$class-prefix}is-offset-#{$i}-mobile {
margin-inline-start: math.percentage(math.div($i, 12));
}
}
}
@include mx.tablet {
&.#{iv.$class-prefix}is-narrow,
&.#{iv.$class-prefix}is-narrow-tablet {
flex: none;
width: unset;
}
&.#{iv.$class-prefix}is-full,
&.#{iv.$class-prefix}is-full-tablet {
flex: none;
width: 100%;
}
&.#{iv.$class-prefix}is-three-quarters,
&.#{iv.$class-prefix}is-three-quarters-tablet {
flex: none;
width: calc(75% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-thirds,
&.#{iv.$class-prefix}is-two-thirds-tablet {
flex: none;
width: calc(66.6666% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-half,
&.#{iv.$class-prefix}is-half-tablet {
flex: none;
width: calc(50% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-third,
&.#{iv.$class-prefix}is-one-third-tablet {
flex: none;
width: calc(33.3333% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-quarter,
&.#{iv.$class-prefix}is-one-quarter-tablet {
flex: none;
width: calc(25% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-fifth,
&.#{iv.$class-prefix}is-one-fifth-tablet {
flex: none;
width: calc(20% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-fifths,
&.#{iv.$class-prefix}is-two-fifths-tablet {
flex: none;
width: calc(40% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-three-fifths,
&.#{iv.$class-prefix}is-three-fifths-tablet {
flex: none;
width: calc(60% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-four-fifths,
&.#{iv.$class-prefix}is-four-fifths-tablet {
flex: none;
width: calc(80% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-offset-three-quarters,
&.#{iv.$class-prefix}is-offset-three-quarters-tablet {
margin-inline-start: 75%;
}
&.#{iv.$class-prefix}is-offset-two-thirds,
&.#{iv.$class-prefix}is-offset-two-thirds-tablet {
margin-inline-start: 66.6666%;
}
&.#{iv.$class-prefix}is-offset-half,
&.#{iv.$class-prefix}is-offset-half-tablet {
margin-inline-start: 50%;
}
&.#{iv.$class-prefix}is-offset-one-third,
&.#{iv.$class-prefix}is-offset-one-third-tablet {
margin-inline-start: 33.3333%;
}
&.#{iv.$class-prefix}is-offset-one-quarter,
&.#{iv.$class-prefix}is-offset-one-quarter-tablet {
margin-inline-start: 25%;
}
&.#{iv.$class-prefix}is-offset-one-fifth,
&.#{iv.$class-prefix}is-offset-one-fifth-tablet {
margin-inline-start: 20%;
}
&.#{iv.$class-prefix}is-offset-two-fifths,
&.#{iv.$class-prefix}is-offset-two-fifths-tablet {
margin-inline-start: 40%;
}
&.#{iv.$class-prefix}is-offset-three-fifths,
&.#{iv.$class-prefix}is-offset-three-fifths-tablet {
margin-inline-start: 60%;
}
&.#{iv.$class-prefix}is-offset-four-fifths,
&.#{iv.$class-prefix}is-offset-four-fifths-tablet {
margin-inline-start: 80%;
}
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i},
&.#{iv.$class-prefix}is-#{$i}-tablet {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
}
&.#{iv.$class-prefix}is-offset-#{$i},
&.#{iv.$class-prefix}is-offset-#{$i}-tablet {
margin-inline-start: math.percentage(math.div($i, 12));
}
}
}
@include mx.touch {
&.#{iv.$class-prefix}is-narrow-touch {
flex: none;
width: unset;
}
&.#{iv.$class-prefix}is-full-touch {
flex: none;
width: 100%;
}
&.#{iv.$class-prefix}is-three-quarters-touch {
flex: none;
width: calc(75% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-thirds-touch {
flex: none;
width: calc(66.6666% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-half-touch {
flex: none;
width: calc(50% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-third-touch {
flex: none;
width: calc(33.3333% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-quarter-touch {
flex: none;
width: calc(25% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-fifth-touch {
flex: none;
width: calc(20% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-fifths-touch {
flex: none;
width: calc(40% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-three-fifths-touch {
flex: none;
width: calc(60% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-four-fifths-touch {
flex: none;
width: calc(80% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-offset-three-quarters-touch {
margin-inline-start: 75%;
}
&.#{iv.$class-prefix}is-offset-two-thirds-touch {
margin-inline-start: 66.6666%;
}
&.#{iv.$class-prefix}is-offset-half-touch {
margin-inline-start: 50%;
}
&.#{iv.$class-prefix}is-offset-one-third-touch {
margin-inline-start: 33.3333%;
}
&.#{iv.$class-prefix}is-offset-one-quarter-touch {
margin-inline-start: 25%;
}
&.#{iv.$class-prefix}is-offset-one-fifth-touch {
margin-inline-start: 20%;
}
&.#{iv.$class-prefix}is-offset-two-fifths-touch {
margin-inline-start: 40%;
}
&.#{iv.$class-prefix}is-offset-three-fifths-touch {
margin-inline-start: 60%;
}
&.#{iv.$class-prefix}is-offset-four-fifths-touch {
margin-inline-start: 80%;
}
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-touch {
flex: none;
width: math.percentage(math.div($i, 12));
}
&.#{iv.$class-prefix}is-offset-#{$i}-touch {
margin-inline-start: math.percentage(math.div($i, 12));
}
}
}
@include mx.desktop {
&.#{iv.$class-prefix}is-narrow-desktop {
flex: none;
width: unset;
}
&.#{iv.$class-prefix}is-full-desktop {
flex: none;
width: 100%;
}
&.#{iv.$class-prefix}is-three-quarters-desktop {
flex: none;
width: calc(75% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-thirds-desktop {
flex: none;
width: calc(66.6666% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-half-desktop {
flex: none;
width: calc(50% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-third-desktop {
flex: none;
width: calc(33.3333% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-quarter-desktop {
flex: none;
width: calc(25% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-fifth-desktop {
flex: none;
width: calc(20% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-fifths-desktop {
flex: none;
width: calc(40% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-three-fifths-desktop {
flex: none;
width: calc(60% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-four-fifths-desktop {
flex: none;
width: calc(80% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-offset-three-quarters-desktop {
margin-inline-start: 75%;
}
&.#{iv.$class-prefix}is-offset-two-thirds-desktop {
margin-inline-start: 66.6666%;
}
&.#{iv.$class-prefix}is-offset-half-desktop {
margin-inline-start: 50%;
}
&.#{iv.$class-prefix}is-offset-one-third-desktop {
margin-inline-start: 33.3333%;
}
&.#{iv.$class-prefix}is-offset-one-quarter-desktop {
margin-inline-start: 25%;
}
&.#{iv.$class-prefix}is-offset-one-fifth-desktop {
margin-inline-start: 20%;
}
&.#{iv.$class-prefix}is-offset-two-fifths-desktop {
margin-inline-start: 40%;
}
&.#{iv.$class-prefix}is-offset-three-fifths-desktop {
margin-inline-start: 60%;
}
&.#{iv.$class-prefix}is-offset-four-fifths-desktop {
margin-inline-start: 80%;
}
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-desktop {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
}
&.#{iv.$class-prefix}is-offset-#{$i}-desktop {
margin-inline-start: math.percentage(math.div($i, 12));
}
}
}
@include mx.widescreen {
&.#{iv.$class-prefix}is-narrow-widescreen {
flex: none;
width: unset;
}
&.#{iv.$class-prefix}is-full-widescreen {
flex: none;
width: 100%;
}
&.#{iv.$class-prefix}is-three-quarters-widescreen {
flex: none;
width: calc(75% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-thirds-widescreen {
flex: none;
width: calc(66.6666% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-half-widescreen {
flex: none;
width: calc(50% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-third-widescreen {
flex: none;
width: calc(33.3333% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-quarter-widescreen {
flex: none;
width: calc(25% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-fifth-widescreen {
flex: none;
width: calc(20% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-fifths-widescreen {
flex: none;
width: calc(40% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-three-fifths-widescreen {
flex: none;
width: calc(60% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-four-fifths-widescreen {
flex: none;
width: calc(80% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-offset-three-quarters-widescreen {
margin-inline-start: 75%;
}
&.#{iv.$class-prefix}is-offset-two-thirds-widescreen {
margin-inline-start: 66.6666%;
}
&.#{iv.$class-prefix}is-offset-half-widescreen {
margin-inline-start: 50%;
}
&.#{iv.$class-prefix}is-offset-one-third-widescreen {
margin-inline-start: 33.3333%;
}
&.#{iv.$class-prefix}is-offset-one-quarter-widescreen {
margin-inline-start: 25%;
}
&.#{iv.$class-prefix}is-offset-one-fifth-widescreen {
margin-inline-start: 20%;
}
&.#{iv.$class-prefix}is-offset-two-fifths-widescreen {
margin-inline-start: 40%;
}
&.#{iv.$class-prefix}is-offset-three-fifths-widescreen {
margin-inline-start: 60%;
}
&.#{iv.$class-prefix}is-offset-four-fifths-widescreen {
margin-inline-start: 80%;
}
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-widescreen {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
}
&.#{iv.$class-prefix}is-offset-#{$i}-widescreen {
margin-inline-start: math.percentage(math.div($i, 12));
}
}
}
@include mx.fullhd {
&.#{iv.$class-prefix}is-narrow-fullhd {
flex: none;
width: unset;
}
&.#{iv.$class-prefix}is-full-fullhd {
flex: none;
width: 100%;
}
&.#{iv.$class-prefix}is-three-quarters-fullhd {
flex: none;
width: calc(75% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-thirds-fullhd {
flex: none;
width: calc(66.6666% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-half-fullhd {
flex: none;
width: calc(50% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-third-fullhd {
flex: none;
width: calc(33.3333% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-quarter-fullhd {
flex: none;
width: calc(25% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-one-fifth-fullhd {
flex: none;
width: calc(20% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-two-fifths-fullhd {
flex: none;
width: calc(40% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-three-fifths-fullhd {
flex: none;
width: calc(60% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-four-fifths-fullhd {
flex: none;
width: calc(80% - calc(#{cv.getVar("column-gap")} / 2));
}
&.#{iv.$class-prefix}is-offset-three-quarters-fullhd {
margin-inline-start: 75%;
}
&.#{iv.$class-prefix}is-offset-two-thirds-fullhd {
margin-inline-start: 66.6666%;
}
&.#{iv.$class-prefix}is-offset-half-fullhd {
margin-inline-start: 50%;
}
&.#{iv.$class-prefix}is-offset-one-third-fullhd {
margin-inline-start: 33.3333%;
}
&.#{iv.$class-prefix}is-offset-one-quarter-fullhd {
margin-inline-start: 25%;
}
&.#{iv.$class-prefix}is-offset-one-fifth-fullhd {
margin-inline-start: 20%;
}
&.#{iv.$class-prefix}is-offset-two-fifths-fullhd {
margin-inline-start: 40%;
}
&.#{iv.$class-prefix}is-offset-three-fifths-fullhd {
margin-inline-start: 60%;
}
&.#{iv.$class-prefix}is-offset-four-fifths-fullhd {
margin-inline-start: 80%;
}
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-fullhd {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
}
&.#{iv.$class-prefix}is-offset-#{$i}-fullhd {
margin-inline-start: math.percentage(math.div($i, 12));
}
}
}
}
.#{iv.$class-prefix}columns {
@extend %block;
gap: cv.getVar("column-gap");
// Modifiers
&.#{iv.$class-prefix}is-centered {
justify-content: center;
}
&.#{iv.$class-prefix}is-gapless {
gap: 0;
}
&.#{iv.$class-prefix}is-mobile {
display: flex;
}
&.#{iv.$class-prefix}is-multiline {
flex-wrap: wrap;
}
&.#{iv.$class-prefix}is-vcentered {
align-items: center;
}
// Responsiveness
@include mx.tablet {
&:not(.#{iv.$class-prefix}is-desktop) {
display: flex;
}
}
@include mx.desktop {
// Modifiers
&.#{iv.$class-prefix}is-desktop {
display: flex;
}
}
&.#{iv.$class-prefix}is-variable {
@for $i from 0 through 8 {
&.#{iv.$class-prefix}is-#{$i} {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
@include mx.mobile {
&.#{iv.$class-prefix}is-#{$i}-mobile {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.tablet {
&.#{iv.$class-prefix}is-#{$i}-tablet {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.tablet-only {
&.#{iv.$class-prefix}is-#{$i}-tablet-only {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.touch {
&.#{iv.$class-prefix}is-#{$i}-touch {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.desktop {
&.#{iv.$class-prefix}is-#{$i}-desktop {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.desktop-only {
&.#{iv.$class-prefix}is-#{$i}-desktop-only {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.widescreen {
&.#{iv.$class-prefix}is-#{$i}-widescreen {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.widescreen-only {
&.#{iv.$class-prefix}is-#{$i}-widescreen-only {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.fullhd {
&.#{iv.$class-prefix}is-#{$i}-fullhd {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
}
}
}

View File

@ -20,7 +20,7 @@ $column-gap: 0.75rem !default;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: $column-gap;
padding: cv.getVar("column-gap");
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-narrow {
@ -137,9 +137,7 @@ $column-gap: 0.75rem !default;
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
> &.#{iv.$class-prefix}is-#{$i} {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(#{cv.getVar("column-gap")} / 2)
);
width: math.percentage(math.div($i, 12));
}
.#{iv.$class-prefix}columns.#{iv.$class-prefix}is-mobile
@ -243,11 +241,7 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-mobile {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
width: math.percentage(math.div($i, 12));
}
&.#{iv.$class-prefix}is-offset-#{$i}-mobile {
@ -372,11 +366,7 @@ $column-gap: 0.75rem !default;
&.#{iv.$class-prefix}is-#{$i},
&.#{iv.$class-prefix}is-#{$i}-tablet {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
width: math.percentage(math.div($i, 12));
}
&.#{iv.$class-prefix}is-offset-#{$i},
@ -585,11 +575,7 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-desktop {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
width: math.percentage(math.div($i, 12));
}
&.#{iv.$class-prefix}is-offset-#{$i}-desktop {
@ -693,11 +679,7 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.#{iv.$class-prefix}is-#{$i}-widescreen {
flex: none;
width: calc(
math.percentage(math.div($i, 12)) - calc(
#{cv.getVar("column-gap")} / 2
)
);
width: math.percentage(math.div($i, 12));
}
&.#{iv.$class-prefix}is-offset-#{$i}-widescreen {
@ -821,7 +803,9 @@ $column-gap: 0.75rem !default;
}
&:not(:last-child) {
margin-bottom: calc(1.5rem - #{$column-gap});
margin-bottom: calc(
#{cv.getVar("block-spacing")} - #{cv.getVar("column-gap")}
);
}
// Modifiers
@ -874,4 +858,106 @@ $column-gap: 0.75rem !default;
display: flex;
}
}
&.#{iv.$class-prefix}is-variable {
@for $i from 0 through 8 {
&.#{iv.$class-prefix}is-#{$i} {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
@include mx.mobile {
&.#{iv.$class-prefix}is-#{$i}-mobile {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.tablet {
&.#{iv.$class-prefix}is-#{$i}-tablet {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.tablet-only {
&.#{iv.$class-prefix}is-#{$i}-tablet-only {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.touch {
&.#{iv.$class-prefix}is-#{$i}-touch {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.desktop {
&.#{iv.$class-prefix}is-#{$i}-desktop {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.desktop-only {
&.#{iv.$class-prefix}is-#{$i}-desktop-only {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.widescreen {
&.#{iv.$class-prefix}is-#{$i}-widescreen {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.widescreen-only {
&.#{iv.$class-prefix}is-#{$i}-widescreen-only {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
@include mx.fullhd {
&.#{iv.$class-prefix}is-#{$i}-fullhd {
@include cv.register-vars(
(
"column-gap": #{$i * 0.25rem},
)
);
}
}
}
}
}