SASS et media queries

Cet article traite des mixins pour les media queries avec SASS en définissant et utilisant des largeurs comme points d’arrêts. Cela permet de définir une fois pour toute les largeurs pour les différents médias, et d’automatiser ensuite l’entrée des styles.

SASS & Media Queries
SASS & Media Queries

On définit les breakpoints à la manière de bootstrap :

_breakpoints.scss

On définit alors les mixins pour utiliser ces points d’arrêts :

_media.scss

On utilise les mixins de la façon suivante :

Et hop, on gère alors media queries beaucoup plus facilement, avec Sass et les mixins.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables.