library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #3005

Browse Source
This commit is contained in:
Jeremy Thomas 2020-10-07 21:06:43 +01:00
parent 1595f25068
commit bd1b032be8
8 changed files with 244 additions and 238 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
CHANGELOG.md
View File

@ -1,5 +1,11 @@
# Bulma Changelog # Bulma Changelog
## 0.9.2
### Bug fixes
* #3005 Fix `column` offsets in RTL
## 0.9.1 ## 0.9.1
### New features ### New features

314
css/bulma-rtl.css
View File

File diff suppressed because it is too large Load Diff

2
css/bulma-rtl.css.map
View File

File diff suppressed because one or more lines are too long

2
css/bulma-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

2
docs/css/bulma-docs.css
View File

@ -1,5 +1,5 @@
@charset "UTF-8"; @charset "UTF-8";
/*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */ /*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */ /* Bulma Utilities */
@-webkit-keyframes spinAround { @-webkit-keyframes spinAround {
from { from {

2
docs/css/bulma-docs.min.css vendored
View File

File diff suppressed because one or more lines are too long

152
sass/grid/columns.sass
View File

@ -39,29 +39,29 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
.columns.is-mobile > &.is-offset-three-quarters .columns.is-mobile > &.is-offset-three-quarters
margin-left: 75% +ltr-property("margin", 75%, false)
.columns.is-mobile > &.is-offset-two-thirds .columns.is-mobile > &.is-offset-two-thirds
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
.columns.is-mobile > &.is-offset-half .columns.is-mobile > &.is-offset-half
margin-left: 50% +ltr-property("margin", 50%, false)
.columns.is-mobile > &.is-offset-one-third .columns.is-mobile > &.is-offset-one-third
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
.columns.is-mobile > &.is-offset-one-quarter .columns.is-mobile > &.is-offset-one-quarter
margin-left: 25% +ltr-property("margin", 25%, false)
.columns.is-mobile > &.is-offset-one-fifth .columns.is-mobile > &.is-offset-one-fifth
margin-left: 20% +ltr-property("margin", 20%, false)
.columns.is-mobile > &.is-offset-two-fifths .columns.is-mobile > &.is-offset-two-fifths
margin-left: 40% +ltr-property("margin", 40%, false)
.columns.is-mobile > &.is-offset-three-fifths .columns.is-mobile > &.is-offset-three-fifths
margin-left: 60% +ltr-property("margin", 60%, false)
.columns.is-mobile > &.is-offset-four-fifths .columns.is-mobile > &.is-offset-four-fifths
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
.columns.is-mobile > &.is-#{$i} .columns.is-mobile > &.is-#{$i}
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
.columns.is-mobile > &.is-offset-#{$i} .columns.is-mobile > &.is-offset-#{$i}
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+mobile +mobile
&.is-narrow-mobile &.is-narrow-mobile
flex: none flex: none
@ -96,29 +96,29 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-mobile &.is-offset-three-quarters-mobile
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-mobile &.is-offset-two-thirds-mobile
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-mobile &.is-offset-half-mobile
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-mobile &.is-offset-one-third-mobile
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-mobile &.is-offset-one-quarter-mobile
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-mobile &.is-offset-one-fifth-mobile
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-mobile &.is-offset-two-fifths-mobile
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-mobile &.is-offset-three-fifths-mobile
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-mobile &.is-offset-four-fifths-mobile
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-mobile &.is-#{$i}-mobile
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-mobile &.is-offset-#{$i}-mobile
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+tablet +tablet
&.is-narrow, &.is-narrow,
&.is-narrow-tablet &.is-narrow-tablet
@ -165,31 +165,31 @@ $column-gap: 0.75rem !default
width: 80% width: 80%
&.is-offset-three-quarters, &.is-offset-three-quarters,
&.is-offset-three-quarters-tablet &.is-offset-three-quarters-tablet
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds, &.is-offset-two-thirds,
&.is-offset-two-thirds-tablet &.is-offset-two-thirds-tablet
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half, &.is-offset-half,
&.is-offset-half-tablet &.is-offset-half-tablet
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third, &.is-offset-one-third,
&.is-offset-one-third-tablet &.is-offset-one-third-tablet
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter, &.is-offset-one-quarter,
&.is-offset-one-quarter-tablet &.is-offset-one-quarter-tablet
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth, &.is-offset-one-fifth,
&.is-offset-one-fifth-tablet &.is-offset-one-fifth-tablet
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths, &.is-offset-two-fifths,
&.is-offset-two-fifths-tablet &.is-offset-two-fifths-tablet
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths, &.is-offset-three-fifths,
&.is-offset-three-fifths-tablet &.is-offset-three-fifths-tablet
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths, &.is-offset-four-fifths,
&.is-offset-four-fifths-tablet &.is-offset-four-fifths-tablet
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}, &.is-#{$i},
&.is-#{$i}-tablet &.is-#{$i}-tablet
@ -197,7 +197,7 @@ $column-gap: 0.75rem !default
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}, &.is-offset-#{$i},
&.is-offset-#{$i}-tablet &.is-offset-#{$i}-tablet
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+touch +touch
&.is-narrow-touch &.is-narrow-touch
flex: none flex: none
@ -232,29 +232,29 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-touch &.is-offset-three-quarters-touch
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-touch &.is-offset-two-thirds-touch
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-touch &.is-offset-half-touch
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-touch &.is-offset-one-third-touch
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-touch &.is-offset-one-quarter-touch
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-touch &.is-offset-one-fifth-touch
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-touch &.is-offset-two-fifths-touch
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-touch &.is-offset-three-fifths-touch
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-touch &.is-offset-four-fifths-touch
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-touch &.is-#{$i}-touch
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-touch &.is-offset-#{$i}-touch
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+desktop +desktop
&.is-narrow-desktop &.is-narrow-desktop
flex: none flex: none
@ -289,29 +289,29 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-desktop &.is-offset-three-quarters-desktop
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-desktop &.is-offset-two-thirds-desktop
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-desktop &.is-offset-half-desktop
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-desktop &.is-offset-one-third-desktop
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-desktop &.is-offset-one-quarter-desktop
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-desktop &.is-offset-one-fifth-desktop
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-desktop &.is-offset-two-fifths-desktop
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-desktop &.is-offset-three-fifths-desktop
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-desktop &.is-offset-four-fifths-desktop
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-desktop &.is-#{$i}-desktop
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-desktop &.is-offset-#{$i}-desktop
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+widescreen +widescreen
&.is-narrow-widescreen &.is-narrow-widescreen
flex: none flex: none
@ -346,29 +346,29 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-widescreen &.is-offset-three-quarters-widescreen
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-widescreen &.is-offset-two-thirds-widescreen
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-widescreen &.is-offset-half-widescreen
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-widescreen &.is-offset-one-third-widescreen
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-widescreen &.is-offset-one-quarter-widescreen
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-widescreen &.is-offset-one-fifth-widescreen
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-widescreen &.is-offset-two-fifths-widescreen
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-widescreen &.is-offset-three-fifths-widescreen
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-widescreen &.is-offset-four-fifths-widescreen
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-widescreen &.is-#{$i}-widescreen
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-widescreen &.is-offset-#{$i}-widescreen
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
+fullhd +fullhd
&.is-narrow-fullhd &.is-narrow-fullhd
flex: none flex: none
@ -403,33 +403,33 @@ $column-gap: 0.75rem !default
flex: none flex: none
width: 80% width: 80%
&.is-offset-three-quarters-fullhd &.is-offset-three-quarters-fullhd
margin-left: 75% +ltr-property("margin", 75%, false)
&.is-offset-two-thirds-fullhd &.is-offset-two-thirds-fullhd
margin-left: 66.6666% +ltr-property("margin", 66.6666%, false)
&.is-offset-half-fullhd &.is-offset-half-fullhd
margin-left: 50% +ltr-property("margin", 50%, false)
&.is-offset-one-third-fullhd &.is-offset-one-third-fullhd
margin-left: 33.3333% +ltr-property("margin", 33.3333%, false)
&.is-offset-one-quarter-fullhd &.is-offset-one-quarter-fullhd
margin-left: 25% +ltr-property("margin", 25%, false)
&.is-offset-one-fifth-fullhd &.is-offset-one-fifth-fullhd
margin-left: 20% +ltr-property("margin", 20%, false)
&.is-offset-two-fifths-fullhd &.is-offset-two-fifths-fullhd
margin-left: 40% +ltr-property("margin", 40%, false)
&.is-offset-three-fifths-fullhd &.is-offset-three-fifths-fullhd
margin-left: 60% +ltr-property("margin", 60%, false)
&.is-offset-four-fifths-fullhd &.is-offset-four-fifths-fullhd
margin-left: 80% +ltr-property("margin", 80%, false)
@for $i from 0 through 12 @for $i from 0 through 12
&.is-#{$i}-fullhd &.is-#{$i}-fullhd
flex: none flex: none
width: percentage($i / 12) width: percentage($i / 12)
&.is-offset-#{$i}-fullhd &.is-offset-#{$i}-fullhd
margin-left: percentage($i / 12) +ltr-property("margin", percentage($i / 12), false)
.columns .columns
margin-left: (-$column-gap) +ltr-property("margin", (-$column-gap), false)
margin-right: (-$column-gap) +ltr-property("margin", (-$column-gap))
margin-top: (-$column-gap) margin-top: (-$column-gap)
&:last-child &:last-child
margin-bottom: (-$column-gap) margin-bottom: (-$column-gap)
@ -439,8 +439,8 @@ $column-gap: 0.75rem !default
&.is-centered &.is-centered
justify-content: center justify-content: center
&.is-gapless &.is-gapless
margin-left: 0 +ltr-property("margin", 0, false)
margin-right: 0 +ltr-property("margin", 0)
margin-top: 0 margin-top: 0
& > .column & > .column
margin: 0 margin: 0
@ -467,8 +467,8 @@ $column-gap: 0.75rem !default
@if $variable-columns @if $variable-columns
.columns.is-variable .columns.is-variable
--columnGap: 0.75rem --columnGap: 0.75rem
margin-left: calc(-1 * var(--columnGap)) +ltr-property("margin", calc(-1 * var(--columnGap)), false)
margin-right: calc(-1 * var(--columnGap)) +ltr-property("margin", calc(-1 * var(--columnGap)))
.column .column
padding-left: var(--columnGap) padding-left: var(--columnGap)
padding-right: var(--columnGap) padding-right: var(--columnGap)