dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-06-08 09:09:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Col not respecting gap with static values

Browse Source 
Signed-off-by: Avior <f.bouillon@aptatio.com>
This commit is contained in:
Florian Bouillon 2023-03-28 12:36:05 +02:00
parent edc82da864
commit 4617c3e228
Signed by: Florian Bouillon
GPG Key ID: E05B3A94178D3A7C
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/Col/Col.module.styl
View File

@ -15,12 +15,13 @@ for i in (0...$colCount+1)
if i == 0 if i == 0
display none display none
else else
flex 0 0 ((i / 12) * 100)% $tmp = ((i / $colCount) * 100)%
min-width ((i / 12) * 100)% flex "0 0 calc(%s - %s)" % ($tmp $gapSize)
min-width "calc(%s - %s)" % ($tmp $gapSize)
if i != $colCount and i != 0 if i != $colCount and i != 0
.offset-{i} .offset-{i}
margin-left ((i / 12) * 100)% + (i * $gapSize + $gapSize)px margin-left ((i / $colCount) * 100)% + (i * $gapSize + $gapSize)px
@media (max-width $tablet) @media (max-width $tablet)
.col.tabletGrow .col.tabletGrow
@ -31,8 +32,9 @@ for i in (0...$colCount+1)
if i == 0 if i == 0
display none display none
else else
flex 0 0 ((i / $colCountTablet) * 100)% $tmp = ((i / $colCountTablet) * 100)%
min-width ((i / $colCountTablet) * 100)% flex "0 0 calc(%s - %s)" % ($tmp $gapSize)
min-width "calc(%s - %s)" % ($tmp $gapSize)
if i != $colCountTablet and i != 0 if i != $colCountTablet and i != 0
.offset-tablet-{i} .offset-tablet-{i}
@ -47,8 +49,9 @@ for i in (0...$colCount+1)
if i == 0 if i == 0
display none display none
else else
flex 0 0 ((i / $colCountMobile) * 100)% $tmp = ((i / $colCountMobile) * 100)%
min-width ((i / $colCountMobile) * 100)% flex "0 0 calc(%s - %s)" % ($tmp $gapSize)
min-width "calc(%s - %s)" % ($tmp $gapSize)
if i != $colCountMobile and i != 0 if i != $colCountMobile and i != 0
.offset-tablet-{i} .offset-tablet-{i}
margin-left ((i / $colCountMobile) * 100)% + (i * $gapSize - $gapSize) margin-left ((i / $colCountMobile) * 100)% + (i * $gapSize - $gapSize)