diff options
Diffstat (limited to 'styles/_sass/grid')
| -rw-r--r-- | styles/_sass/grid/columns.sass | 14 | ||||
| -rw-r--r-- | styles/_sass/grid/tiles.sass | 14 |
2 files changed, 15 insertions, 13 deletions
diff --git a/styles/_sass/grid/columns.sass b/styles/_sass/grid/columns.sass index bd41761..34a8353 100644 --- a/styles/_sass/grid/columns.sass +++ b/styles/_sass/grid/columns.sass @@ -56,7 +56,7 @@ $column-gap: 0.75rem !default 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) @@ -113,7 +113,7 @@ $column-gap: 0.75rem !default 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) @@ -190,7 +190,7 @@ $column-gap: 0.75rem !default &.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 @@ -249,7 +249,7 @@ $column-gap: 0.75rem !default 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) @@ -306,7 +306,7 @@ $column-gap: 0.75rem !default 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) @@ -363,7 +363,7 @@ $column-gap: 0.75rem !default 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) @@ -420,7 +420,7 @@ $column-gap: 0.75rem !default 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) diff --git a/styles/_sass/grid/tiles.sass b/styles/_sass/grid/tiles.sass index 1f6a626..15648c2 100644 --- a/styles/_sass/grid/tiles.sass +++ b/styles/_sass/grid/tiles.sass @@ -1,3 +1,5 @@ +$tile-spacing: 0.75rem !default + .tile align-items: stretch display: block @@ -7,17 +9,17 @@ min-height: min-content // Modifiers &.is-ancestor - margin-left: -0.75rem - margin-right: -0.75rem - margin-top: -0.75rem + margin-left: $tile-spacing * -1 + margin-right: $tile-spacing * -1 + margin-top: $tile-spacing * -1 &:last-child - margin-bottom: -0.75rem + margin-bottom: $tile-spacing * -1 &:not(:last-child) - margin-bottom: 0.75rem + margin-bottom: $tile-spacing &.is-child margin: 0 !important &.is-parent - padding: 0.75rem + padding: $tile-spacing &.is-vertical flex-direction: column & > .tile.is-child:not(:last-child) |