summaryrefslogtreecommitdiff
path: root/styles/_sass/grid
diff options
context:
space:
mode:
Diffstat (limited to 'styles/_sass/grid')
-rw-r--r--styles/_sass/grid/columns.sass14
-rw-r--r--styles/_sass/grid/tiles.sass14
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)