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:
Bdg0o 2017-02-15 10:04:01 +01:00 committed by GitHub
parent 73ff7ea752
commit 122ca56461

View file

@ -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});
} }
} }