Clearfix SCSS avec ou sans overflow hidden
Deux types de clearfix CSS se distinguent par leur manière de gérer les débordements. Cette mixin SCSS vous permet de choisir s’il faut ou non cacher les débordement avec overflow:hidden;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
@mixin clearfix($overflow:false){ @if($overflow){ overflow: hidden; display: inline-block; display: block; } @else{ &:before, &:after{ content: " "; display: table; } &:after{ clear: both; } } } |