Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-21 20:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add breakpoint based column gaps (#1679)

Browse Source 
* add breakpoint based column gaps

* remove redundant loops 🤦
This commit is contained in:
Tim MacDonald
2018-05-30 18:59:51 +10:00
committed by Jeremy Thomas
parent b98a454615
commit 4caa77dc0f
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
sass/grid/columns.sass
View File

@@ -475,3 +475,30 @@ $column-gap: 0.75rem !default
@for $i from 0 through 8 @for $i from 0 through 8
&.is-#{$i} &.is-#{$i}
--columnGap: #{$i * 0.25rem} --columnGap: #{$i * 0.25rem}
+mobile
&.is-#{$i}-mobile
--columnGap: #{$i * 0.25rem}
+tablet
&.is-#{$i}-tablet
--columnGap: #{$i * 0.25rem}
+tablet-only
&.is-#{$i}-tablet-only
--columnGap: #{$i * 0.25rem}
+touch
&.is-#{$i}-touch
--columnGap: #{$i * 0.25rem}
+desktop
&.is-#{$i}-desktop
--columnGap: #{$i * 0.25rem}
+desktop-only
&.is-#{$i}-desktop-only
--columnGap: #{$i * 0.25rem}
+widescreen
&.is-#{$i}-widescreen
--columnGap: #{$i * 0.25rem}
+widescreen-only
&.is-#{$i}-widescreen-only
--columnGap: #{$i * 0.25rem}
+fullhd
&.is-#{$i}-fullhd
--columnGap: #{$i * 0.25rem}