This commit is contained in:
Jeremy Thomas
2017-12-04 21:03:01 +00:00
parent 1fa3bc806d
commit 6176c2c9f5
7 changed files with 49 additions and 72 deletions

View File

@@ -464,13 +464,14 @@ $column-gap: 0.75rem !default
&.is-desktop
display: flex
.columns.is-variable
--columnGap: 0.75rem
margin-left: calc(-1 * var(--columnGap))
margin-right: calc(-1 * var(--columnGap))
.column
padding-left: var(--columnGap)
padding-right: var(--columnGap)
@for $i from 0 through 8
&.is-#{$i}
--columnGap: #{$i * 0.25rem}
@if $variable-columns
.columns.is-variable
--columnGap: 0.75rem
margin-left: calc(-1 * var(--columnGap))
margin-right: calc(-1 * var(--columnGap))
.column
padding-left: var(--columnGap)
padding-right: var(--columnGap)
@for $i from 0 through 8
&.is-#{$i}
--columnGap: #{$i * 0.25rem}

View File

@@ -64,3 +64,7 @@ $radius: 3px !default
$radius-large: 5px !default
$radius-rounded: 290486px !default
$speed: 86ms !default
// Flags
$variable-columns: false !default