N°4628 - Upgrade bulma lib to v0.9.4 to avoid hack from N°4481

This commit is contained in:
Molkobain
2022-05-11 11:40:25 +02:00
parent 891dd31290
commit bb2c9dedeb
70 changed files with 742 additions and 385 deletions

View File

@@ -1,2 +1,3 @@
/* Bulma Grid */
@import "columns";
@import "tiles";

View File

@@ -1,3 +1,5 @@
@import "../utilities/mixins";
$column-gap: 0.75rem !default;
.column {
@@ -9,6 +11,7 @@ $column-gap: 0.75rem !default;
.columns.is-mobile > &.is-narrow {
flex: none;
width: unset;
}
.columns.is-mobile > &.is-full {
@@ -62,55 +65,56 @@ $column-gap: 0.75rem !default;
}
.columns.is-mobile > &.is-offset-three-quarters {
margin-left: 75%;
@include ltr-property("margin", 75%, false);
}
.columns.is-mobile > &.is-offset-two-thirds {
margin-left: 66.6666%;
@include ltr-property("margin", 66.6666%, false);
}
.columns.is-mobile > &.is-offset-half {
margin-left: 50%;
@include ltr-property("margin", 50%, false);
}
.columns.is-mobile > &.is-offset-one-third {
margin-left: 33.3333%;
@include ltr-property("margin", 33.3333%, false);
}
.columns.is-mobile > &.is-offset-one-quarter {
margin-left: 25%;
@include ltr-property("margin", 25%, false);
}
.columns.is-mobile > &.is-offset-one-fifth {
margin-left: 20%;
@include ltr-property("margin", 20%, false);
}
.columns.is-mobile > &.is-offset-two-fifths {
margin-left: 40%;
@include ltr-property("margin", 40%, false);
}
.columns.is-mobile > &.is-offset-three-fifths {
margin-left: 60%;
@include ltr-property("margin", 60%, false);
}
.columns.is-mobile > &.is-offset-four-fifths {
margin-left: 80%;
@include ltr-property("margin", 80%, false);
}
@for $i from 0 through 12 {
.columns.is-mobile > &.is-#{$i} {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}
.columns.is-mobile > &.is-offset-#{$i} {
margin-left: percentage($i / 12);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
@include mobile {
&.is-narrow-mobile {
flex: none;
width: unset;
}
&.is-full-mobile {
@@ -164,49 +168,49 @@ $column-gap: 0.75rem !default;
}
&.is-offset-three-quarters-mobile {
margin-left: 75%;
@include ltr-property("margin", 75%, false);
}
&.is-offset-two-thirds-mobile {
margin-left: 66.6666%;
@include ltr-property("margin", 66.6666%, false);
}
&.is-offset-half-mobile {
margin-left: 50%;
@include ltr-property("margin", 50%, false);
}
&.is-offset-one-third-mobile {
margin-left: 33.3333%;
@include ltr-property("margin", 33.3333%, false);
}
&.is-offset-one-quarter-mobile {
margin-left: 25%;
@include ltr-property("margin", 25%, false);
}
&.is-offset-one-fifth-mobile {
margin-left: 20%;
@include ltr-property("margin", 20%, false);
}
&.is-offset-two-fifths-mobile {
margin-left: 40%;
@include ltr-property("margin", 40%, false);
}
&.is-offset-three-fifths-mobile {
margin-left: 60%;
@include ltr-property("margin", 60%, false);
}
&.is-offset-four-fifths-mobile {
margin-left: 80%;
@include ltr-property("margin", 80%, false);
}
@for $i from 0 through 12 {
&.is-#{$i}-mobile {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}
&.is-offset-#{$i}-mobile {
margin-left: percentage($i / 12);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -216,6 +220,7 @@ $column-gap: 0.75rem !default;
&.is-narrow,
&.is-narrow-tablet {
flex: none;
width: unset;
}
&.is-full,
@@ -280,59 +285,59 @@ $column-gap: 0.75rem !default;
&.is-offset-three-quarters,
&.is-offset-three-quarters-tablet {
margin-left: 75%;
@include ltr-property("margin", 75%, false);
}
&.is-offset-two-thirds,
&.is-offset-two-thirds-tablet {
margin-left: 66.6666%;
@include ltr-property("margin", 66.6666%, false);
}
&.is-offset-half,
&.is-offset-half-tablet {
margin-left: 50%;
@include ltr-property("margin", 50%, false);
}
&.is-offset-one-third,
&.is-offset-one-third-tablet {
margin-left: 33.3333%;
@include ltr-property("margin", 33.3333%, false);
}
&.is-offset-one-quarter,
&.is-offset-one-quarter-tablet {
margin-left: 25%;
@include ltr-property("margin", 25%, false);
}
&.is-offset-one-fifth,
&.is-offset-one-fifth-tablet {
margin-left: 20%;
@include ltr-property("margin", 20%, false);
}
&.is-offset-two-fifths,
&.is-offset-two-fifths-tablet {
margin-left: 40%;
@include ltr-property("margin", 40%, false);
}
&.is-offset-three-fifths,
&.is-offset-three-fifths-tablet {
margin-left: 60%;
@include ltr-property("margin", 60%, false);
}
&.is-offset-four-fifths,
&.is-offset-four-fifths-tablet {
margin-left: 80%;
@include ltr-property("margin", 80%, false);
}
@for $i from 0 through 12 {
&.is-#{$i},
&.is-#{$i}-tablet {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}
&.is-offset-#{$i},
&.is-offset-#{$i}-tablet {
margin-left: percentage($i / 12);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -341,6 +346,7 @@ $column-gap: 0.75rem !default;
@include touch {
&.is-narrow-touch {
flex: none;
width: unset;
}
&.is-full-touch {
@@ -394,49 +400,49 @@ $column-gap: 0.75rem !default;
}
&.is-offset-three-quarters-touch {
margin-left: 75%;
@include ltr-property("margin", 75%, false);
}
&.is-offset-two-thirds-touch {
margin-left: 66.6666%;
@include ltr-property("margin", 66.6666%, false);
}
&.is-offset-half-touch {
margin-left: 50%;
@include ltr-property("margin", 50%, false);
}
&.is-offset-one-third-touch {
margin-left: 33.3333%;
@include ltr-property("margin", 33.3333%, false);
}
&.is-offset-one-quarter-touch {
margin-left: 25%;
@include ltr-property("margin", 25%, false);
}
&.is-offset-one-fifth-touch {
margin-left: 20%;
@include ltr-property("margin", 20%, false);
}
&.is-offset-two-fifths-touch {
margin-left: 40%;
@include ltr-property("margin", 40%, false);
}
&.is-offset-three-fifths-touch {
margin-left: 60%;
@include ltr-property("margin", 60%, false);
}
&.is-offset-four-fifths-touch {
margin-left: 80%;
@include ltr-property("margin", 80%, false);
}
@for $i from 0 through 12 {
&.is-#{$i}-touch {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}
&.is-offset-#{$i}-touch {
margin-left: percentage($i / 12);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -445,6 +451,7 @@ $column-gap: 0.75rem !default;
@include desktop {
&.is-narrow-desktop {
flex: none;
width: unset;
}
&.is-full-desktop {
@@ -498,49 +505,49 @@ $column-gap: 0.75rem !default;
}
&.is-offset-three-quarters-desktop {
margin-left: 75%;
@include ltr-property("margin", 75%, false);
}
&.is-offset-two-thirds-desktop {
margin-left: 66.6666%;
@include ltr-property("margin", 66.6666%, false);
}
&.is-offset-half-desktop {
margin-left: 50%;
@include ltr-property("margin", 50%, false);
}
&.is-offset-one-third-desktop {
margin-left: 33.3333%;
@include ltr-property("margin", 33.3333%, false);
}
&.is-offset-one-quarter-desktop {
margin-left: 25%;
@include ltr-property("margin", 25%, false);
}
&.is-offset-one-fifth-desktop {
margin-left: 20%;
@include ltr-property("margin", 20%, false);
}
&.is-offset-two-fifths-desktop {
margin-left: 40%;
@include ltr-property("margin", 40%, false);
}
&.is-offset-three-fifths-desktop {
margin-left: 60%;
@include ltr-property("margin", 60%, false);
}
&.is-offset-four-fifths-desktop {
margin-left: 80%;
@include ltr-property("margin", 80%, false);
}
@for $i from 0 through 12 {
&.is-#{$i}-desktop {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}
&.is-offset-#{$i}-desktop {
margin-left: percentage($i / 12);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -549,6 +556,7 @@ $column-gap: 0.75rem !default;
@include widescreen {
&.is-narrow-widescreen {
flex: none;
width: unset;
}
&.is-full-widescreen {
@@ -602,49 +610,49 @@ $column-gap: 0.75rem !default;
}
&.is-offset-three-quarters-widescreen {
margin-left: 75%;
@include ltr-property("margin", 75%, false);
}
&.is-offset-two-thirds-widescreen {
margin-left: 66.6666%;
@include ltr-property("margin", 66.6666%, false);
}
&.is-offset-half-widescreen {
margin-left: 50%;
@include ltr-property("margin", 50%, false);
}
&.is-offset-one-third-widescreen {
margin-left: 33.3333%;
@include ltr-property("margin", 33.3333%, false);
}
&.is-offset-one-quarter-widescreen {
margin-left: 25%;
@include ltr-property("margin", 25%, false);
}
&.is-offset-one-fifth-widescreen {
margin-left: 20%;
@include ltr-property("margin", 20%, false);
}
&.is-offset-two-fifths-widescreen {
margin-left: 40%;
@include ltr-property("margin", 40%, false);
}
&.is-offset-three-fifths-widescreen {
margin-left: 60%;
@include ltr-property("margin", 60%, false);
}
&.is-offset-four-fifths-widescreen {
margin-left: 80%;
@include ltr-property("margin", 80%, false);
}
@for $i from 0 through 12 {
&.is-#{$i}-widescreen {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}
&.is-offset-#{$i}-widescreen {
margin-left: percentage($i / 12);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -653,6 +661,7 @@ $column-gap: 0.75rem !default;
@include fullhd {
&.is-narrow-fullhd {
flex: none;
width: unset;
}
&.is-full-fullhd {
@@ -706,57 +715,58 @@ $column-gap: 0.75rem !default;
}
&.is-offset-three-quarters-fullhd {
margin-left: 75%;
@include ltr-property("margin", 75%, false);
}
&.is-offset-two-thirds-fullhd {
margin-left: 66.6666%;
@include ltr-property("margin", 66.6666%, false);
}
&.is-offset-half-fullhd {
margin-left: 50%;
@include ltr-property("margin", 50%, false);
}
&.is-offset-one-third-fullhd {
margin-left: 33.3333%;
@include ltr-property("margin", 33.3333%, false);
}
&.is-offset-one-quarter-fullhd {
margin-left: 25%;
@include ltr-property("margin", 25%, false);
}
&.is-offset-one-fifth-fullhd {
margin-left: 20%;
@include ltr-property("margin", 20%, false);
}
&.is-offset-two-fifths-fullhd {
margin-left: 40%;
@include ltr-property("margin", 40%, false);
}
&.is-offset-three-fifths-fullhd {
margin-left: 60%;
@include ltr-property("margin", 60%, false);
}
&.is-offset-four-fifths-fullhd {
margin-left: 80%;
@include ltr-property("margin", 80%, false);
}
@for $i from 0 through 12 {
&.is-#{$i}-fullhd {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}
&.is-offset-#{$i}-fullhd {
margin-left: percentage($i / 12);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
}
.columns {
margin-left: -$column-gap;
margin-right: -$column-gap;
@include ltr-property("margin", -$column-gap, false);
@include ltr-property("margin", -$column-gap);
margin-top: -$column-gap;
&:last-child {
@@ -773,8 +783,9 @@ $column-gap: 0.75rem !default;
}
&.is-gapless {
margin-left: 0;
margin-right: 0;
@include ltr-property("margin", 0, false);
@include ltr-property("margin", 0);
margin-top: 0;
& > .column {
@@ -822,10 +833,11 @@ $column-gap: 0.75rem !default;
@if $variable-columns {
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
.column {
@include ltr-property("margin", calc(-1 * var(--columnGap)), false);
@include ltr-property("margin", calc(-1 * var(--columnGap)));
> .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}

View File

@@ -1,3 +1,5 @@
@import "../utilities/mixins";
$tile-spacing: 0.75rem !default;
.tile {
@@ -48,7 +50,7 @@ $tile-spacing: 0.75rem !default;
@for $i from 1 through 12 {
&.is-#{$i} {
flex: none;
width: $i / 12 * 100%;
width: divide($i, 12) * 100%;
}
}
}