J'essaie de combiner l'utilisation d'une variable Sass avec des requêtes @media comme suit:
$base_width:1160px;
@media screen and (max-width: 1170px) {$base_width: 960px;}
@media screen and (min-width: 1171px) {$base_width: 1160px;}
$base_width
est ensuite défini à divers points dans les mesures basées sur le pourcentage de largeur de la feuille de style pour produire des mises en page fluides.
Lorsque je fais cela, la variable semble être reconnue correctement, mais les conditions de la requête multimédia ne le sont pas. Par exemple, le code ci-dessus produit une mise en page 1160px quelle que soit la largeur de l'écran. Si je retourne les instructions @media comme ceci:
@media screen and (min-width: 1171px) {$base_width: 1160px;}
@media screen and (max-width: 1170px) {$base_width: 960px;}
Il produit une mise en page de 960 pixels, là encore quelle que soit la largeur de l'écran. Notez également que si j'enlève la première ligne, $base_width: 1160px;
elle renvoie une erreur pour une variable non définie. Des idées de ce qui me manque?