SCSS Mixins Generator

Générez une bibliothèque de mixins SCSS réutilisables (flexbox, grid, responsive, boutons, cartes) à coller directement dans votre projet.

Paramètres

Sélectionnez les mixins à inclure :

Aperçu

Cochez des mixins
pour générer le SCSS

Code


            
            
            

Guide d'utilisation

Un @mixin SCSS encapsule un groupe de déclarations réutilisables, appelé avec @include. Les mixins acceptent des arguments et @content pour injecter du code (idéal pour les media queries).

  • Réduisez la répétition (principe DRY).
  • Centralisez vos breakpoints dans une map Sass.

FAQ

Mixin ou fonction Sass ?

Un mixin produit des déclarations CSS (via @include) ; une fonction renvoie une valeur (via @return) à utiliser dans une propriété.

À quoi sert @content ?

@content injecte le bloc passé à @include dans le mixin, très pratique pour des mixins de media queries.