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

FEATURE: Reset the offset on columns

Browse Source
This commit is contained in:
Ottó Radics
2018-12-20 12:13:52 +01:00
committed by Jeremy Thomas
parent 0751920017
commit 99c9815ed4
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
sass/grid/columns.sass
View File

@@ -56,7 +56,7 @@ $column-gap: 0.75rem !default
margin-left: 60% margin-left: 60%
.columns.is-mobile > &.is-offset-four-fifths .columns.is-mobile > &.is-offset-four-fifths
margin-left: 80% margin-left: 80%
@for $i from 1 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)
@@ -113,7 +113,7 @@ $column-gap: 0.75rem !default
margin-left: 60% margin-left: 60%
&.is-offset-four-fifths-mobile &.is-offset-four-fifths-mobile
margin-left: 80% margin-left: 80%
@for $i from 1 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)
@@ -190,7 +190,7 @@ $column-gap: 0.75rem !default
&.is-offset-four-fifths, &.is-offset-four-fifths,
&.is-offset-four-fifths-tablet &.is-offset-four-fifths-tablet
margin-left: 80% margin-left: 80%
@for $i from 1 through 12 @for $i from 0 through 12
&.is-#{$i}, &.is-#{$i},
&.is-#{$i}-tablet &.is-#{$i}-tablet
flex: none flex: none
@@ -249,7 +249,7 @@ $column-gap: 0.75rem !default
margin-left: 60% margin-left: 60%
&.is-offset-four-fifths-touch &.is-offset-four-fifths-touch
margin-left: 80% margin-left: 80%
@for $i from 1 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)
@@ -306,7 +306,7 @@ $column-gap: 0.75rem !default
margin-left: 60% margin-left: 60%
&.is-offset-four-fifths-desktop &.is-offset-four-fifths-desktop
margin-left: 80% margin-left: 80%
@for $i from 1 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)
@@ -363,7 +363,7 @@ $column-gap: 0.75rem !default
margin-left: 60% margin-left: 60%
&.is-offset-four-fifths-widescreen &.is-offset-four-fifths-widescreen
margin-left: 80% margin-left: 80%
@for $i from 1 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)
@@ -420,7 +420,7 @@ $column-gap: 0.75rem !default
margin-left: 60% margin-left: 60%
&.is-offset-four-fifths-fullhd &.is-offset-four-fifths-fullhd
margin-left: 80% margin-left: 80%
@for $i from 1 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)