Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix/divide (#3362)

Browse Source 
* Use custom divide function

* Add docs spacing table styles

* Update changelog
This commit is contained in:
Jeremy Thomas
2021-06-18 18:27:34 +01:00
committed by GitHub
parent 1239ac857c
commit d6d32e8050
22 changed files with 516 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
sass/grid/columns.sass
View File

@@ -62,9 +62,9 @@ $column-gap: 0.75rem !default
@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}
+ltr-property("margin", percentage($i / 12), false)
+ltr-property("margin", percentage(divide($i, 12)), false)
+mobile
&.is-narrow-mobile
flex: none
@@ -120,9 +120,9 @@ $column-gap: 0.75rem !default
@for $i from 0 through 12
&.is-#{$i}-mobile
flex: none
width: percentage($i / 12)
width: percentage(divide($i, 12))
&.is-offset-#{$i}-mobile
+ltr-property("margin", percentage($i / 12), false)
+ltr-property("margin", percentage(divide($i, 12)), false)
+tablet
&.is-narrow,
&.is-narrow-tablet
@@ -199,10 +199,10 @@ $column-gap: 0.75rem !default
&.is-#{$i},
&.is-#{$i}-tablet
flex: none
width: percentage($i / 12)
width: percentage(divide($i, 12))
&.is-offset-#{$i},
&.is-offset-#{$i}-tablet
+ltr-property("margin", percentage($i / 12), false)
+ltr-property("margin", percentage(divide($i, 12)), false)
+touch
&.is-narrow-touch
flex: none
@@ -258,9 +258,9 @@ $column-gap: 0.75rem !default
@for $i from 0 through 12
&.is-#{$i}-touch
flex: none
width: percentage($i / 12)
width: percentage(divide($i, 12))
&.is-offset-#{$i}-touch
+ltr-property("margin", percentage($i / 12), false)
+ltr-property("margin", percentage(divide($i, 12)), false)
+desktop
&.is-narrow-desktop
flex: none
@@ -316,9 +316,9 @@ $column-gap: 0.75rem !default
@for $i from 0 through 12
&.is-#{$i}-desktop
flex: none
width: percentage($i / 12)
width: percentage(divide($i, 12))
&.is-offset-#{$i}-desktop
+ltr-property("margin", percentage($i / 12), false)
+ltr-property("margin", percentage(divide($i, 12)), false)
+widescreen
&.is-narrow-widescreen
flex: none
@@ -374,9 +374,9 @@ $column-gap: 0.75rem !default
@for $i from 0 through 12
&.is-#{$i}-widescreen
flex: none
width: percentage($i / 12)
width: percentage(divide($i, 12))
&.is-offset-#{$i}-widescreen
+ltr-property("margin", percentage($i / 12), false)
+ltr-property("margin", percentage(divide($i, 12)), false)
+fullhd
&.is-narrow-fullhd
flex: none
@@ -432,9 +432,9 @@ $column-gap: 0.75rem !default
@for $i from 0 through 12
&.is-#{$i}-fullhd
flex: none
width: percentage($i / 12)
width: percentage(divide($i, 12))
&.is-offset-#{$i}-fullhd
+ltr-property("margin", percentage($i / 12), false)
+ltr-property("margin", percentage(divide($i, 12)), false)
.columns
+ltr-property("margin", (-$column-gap), false)

2
sass/grid/tiles.sass
View File

@@ -33,4 +33,4 @@ $tile-spacing: 0.75rem !default
@for $i from 1 through 12
&.is-#{$i}
flex: none
width: ($i / 12) * 100%
width: (divide($i, 12)) * 100%