mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
Merge branch 'main' into customizer
This commit is contained in:
Jeremy Thomas
commit
f9a418dd26
@ -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
566
css/bulma.css
vendored
@ -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
2
css/bulma.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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
2
css/versions/bulma-no-dark-mode.min.css
vendored
2
css/versions/bulma-no-dark-mode.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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
@ -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
2
css/versions/bulma-no-helpers.min.css
vendored
2
css/versions/bulma-no-helpers.min.css
vendored
File diff suppressed because one or more lines are too long
566
css/versions/bulma-prefixed.min.css
vendored
566
css/versions/bulma-prefixed.min.css
vendored
@ -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
2
css/versions/bulma-prefixed.min.min.css
vendored
2
css/versions/bulma-prefixed.min.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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
2
docs/assets/css/website.min.css
vendored
2
docs/assets/css/website.min.css
vendored
File diff suppressed because one or more lines are too long
44
docs/assets/javascript/klmn.js
Normal file
44
docs/assets/javascript/klmn.js
Normal 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);
|
||||
});
|
||||
@ -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 %}
|
||||
{%
|
||||
|
||||
@ -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},
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -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},
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user