Tech de Gamuza

SCSS - creer les média queries avec la bonne largeur background-image()

Quand on veut sélectionner une image background pour chaque breakpoint, on peut utiliser tout le potentiel de SCSS $image_bg : 480, 576, 768, 992, 1200 ; @each $bp in $image_bg @media screen and (min-width : #$bppx) .maDiv background-image : url(’img/bg_#$bp.jpg’) ;
Si on veut utiliser des variables de breakpoint : $tiny : 480px !default ; // or ’em’ if you prefer, of course $smal : 576px !default ; $medium : 768px !default ; $large : 992px !default ; $extra-large : 1200px !default (...)

Derniers articles