$tiny: 480px !default; // or 'em' if you prefer, of course $smal: 576px !default; $medium: 768px !default; $large: 992px !default; $extra-large: 1200px !default; $list: $tiny, $small, $medium, $large, $extra-large; // fonction qui supprime les unités sans connaitre à l'avance l'unité @function supprimer_uniter($nbr) { @if type-of($nbr) == 'nbr' and not unitless($nbr) { @return $nbr / ($nbr * 0 + 1); } @return $nbr; } @each $l in $list { /* Si on connait à l'avance l'unité*/ $bp: $l / 1px; /* Si on ne connait pas à l'avance l'unité*/ $bp: supprimer_uniter($l); @media screen and (min-width: #{$bp}px) { .maDiv { background-image: url('img/bg_#{$bp}.jpg'); } } }