Taille des colonnes dans des grilles imbriquées
Corrige la taille des colonnes dans le cas suivant : ``` <div class="grid has-gutter-xl"> <div class="one-half"></div> <div class="one-half"> <div class="grid has-gutter-l"> <div class="one-half"> <!-- La taille de cette colonne prend en compte le gutter "xl" au lieu de "l" </div> <div class="one-half"></div> </div> </div> ```
This commit is contained in:
parent
73ff7ea752
commit
122ca56461
1 changed files with 1 additions and 1 deletions
|
@ -107,7 +107,7 @@ $iefix: 0.01px;
|
||||||
width: calc(100% / #{$divider} - #{$iefix});
|
width: calc(100% / #{$divider} - #{$iefix});
|
||||||
}
|
}
|
||||||
@each $affix, $size in $grid-gutters {
|
@each $affix, $size in $grid-gutters {
|
||||||
.has-gutter#{$affix} .#{$flow} {
|
.has-gutter#{$affix} > .#{$flow} {
|
||||||
width: calc(100% / #{$divider} - #{$size} - #{$iefix});
|
width: calc(100% / #{$divider} - #{$size} - #{$iefix});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue