Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 12:24:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix #3743, Fix #3799, Fix #3846

Browse Source
This commit is contained in:
Jeremy Thomas
2024-06-26 14:59:42 +01:00
parent 74c01f42d1
commit fbbb85d40a
23 changed files with 3172 additions and 1413 deletions
Download Patch File Download Diff File Expand all files Collapse all files

566
css/versions/bulma-no-helpers.css
View File

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