diff --git a/changelog.md b/changelog.md index 2c4a08e..df43a8e 100644 --- a/changelog.md +++ b/changelog.md @@ -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 diff --git a/sass/_config/_mixins.scss b/sass/_config/_mixins.scss index 77bcca3..d6574f0 100644 --- a/sass/_config/_mixins.scss +++ b/sass/_config/_mixins.scss @@ -15,10 +15,12 @@ // arguments are : columns number, gutter, min-breakpoint // ex. .ingrid { @include grid(4, 1rem, 640px); } @mixin grid($number:1, $gutter:0, $breakpoint:0) { - @media (min-width: $breakpoint) { - display: grid; - grid-template-columns: repeat($number, 1fr); - grid-gap: $gutter; + @supports (display: grid) { + @media (min-width: $breakpoint) { + display: grid; + grid-template-columns: repeat($number, 1fr); + grid-gap: $gutter; + } } }