ajout de @supports (display: grid)
dans le mixin de grille
This commit is contained in:
parent
4782f69f44
commit
5e90fdb583
2 changed files with 7 additions and 4 deletions
|
@ -1,5 +1,6 @@
|
|||
# changelog v7.1.2 (30 janvier 2019)
|
||||
- ajout de la règle `@media (prefers-reduced-motion: reduce)`
|
||||
- ajout de `@supports (display: grid)` dans le mixin de grille
|
||||
|
||||
# changelog v7.1.1 (10 decembre 2018)
|
||||
- patch correctif de gulpfile
|
||||
|
|
|
@ -15,12 +15,14 @@
|
|||
// arguments are : columns number, gutter, min-breakpoint
|
||||
// ex. .ingrid { @include grid(4, 1rem, 640px); }
|
||||
@mixin grid($number:1, $gutter:0, $breakpoint:0) {
|
||||
@supports (display: grid) {
|
||||
@media (min-width: $breakpoint) {
|
||||
display: grid;
|
||||
grid-template-columns: repeat($number, 1fr);
|
||||
grid-gap: $gutter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Additionnal "utility" breakpoints aliases
|
||||
// ex. @include respond-to("medium-up") {...}
|
||||
|
|
Loading…
Reference in a new issue