margin-left: 60%
.columns.is-mobile > &.is-offset-four-fifths
margin-left: 80%
- @for $i from 1 through 12
+ @for $i from 0 through 12
.columns.is-mobile > &.is-#{$i}
flex: none
width: percentage($i / 12)
margin-left: 60%
&.is-offset-four-fifths-mobile
margin-left: 80%
- @for $i from 1 through 12
+ @for $i from 0 through 12
&.is-#{$i}-mobile
flex: none
width: percentage($i / 12)
&.is-offset-four-fifths,
&.is-offset-four-fifths-tablet
margin-left: 80%
- @for $i from 1 through 12
+ @for $i from 0 through 12
&.is-#{$i},
&.is-#{$i}-tablet
flex: none
margin-left: 60%
&.is-offset-four-fifths-touch
margin-left: 80%
- @for $i from 1 through 12
+ @for $i from 0 through 12
&.is-#{$i}-touch
flex: none
width: percentage($i / 12)
margin-left: 60%
&.is-offset-four-fifths-desktop
margin-left: 80%
- @for $i from 1 through 12
+ @for $i from 0 through 12
&.is-#{$i}-desktop
flex: none
width: percentage($i / 12)
margin-left: 60%
&.is-offset-four-fifths-widescreen
margin-left: 80%
- @for $i from 1 through 12
+ @for $i from 0 through 12
&.is-#{$i}-widescreen
flex: none
width: percentage($i / 12)
margin-left: 60%
&.is-offset-four-fifths-fullhd
margin-left: 80%
- @for $i from 1 through 12
+ @for $i from 0 through 12
&.is-#{$i}-fullhd
flex: none
width: percentage($i / 12)