erreur SASS Variable invalide

Question

Je suis en train de convertir un fichier SASS à SCSS en utilisant SASS-converti, mais quand je lance la commande ou même quand je cours montre boussole je reçois l'erreur suivante:

Invalid variable: $media (min-width: 950px) 

I travaille habituellement avec la syntaxe scss donc je ne sais pas pourquoi cela génère une erreur, devrait-il être @media?

La section du code est:

.center text-align:center 
.right text-align:right 
.top vertical-align:top 
.middle vertical-align:middle 
$media (min-width: 950px) 
.row 
    max-width:980px 


$media (max-width: 900px) 
.row 
    max-width:760px 

.logo 
    width:300px 

Merci à l'avance pour toute aide à ce sujet.

Answer 1

Vous avez un certain nombre d'erreurs de formatage dans votre code!

• Les déclarations ne peuvent pas être en ligne avec le sélecteur.
• Il devrait y avoir au moins un espace dans chaque déclaration immédiatement après le deux-points, sinon il est traité comme une pseudo-classe. Un bloc de média commence par @, et non $. $ est pour les variables.
• Les règles à l'intérieur des blocs de support doivent être correctement imbriquées.

Voici votre code correctement formaté:

.center 
    text-align: center 

.right 
    text-align: right 

.top 
    vertical-align: top 

.middle 
    vertical-align: middle 

@media (min-width: 950px) 
    .row 
    max-width: 980px 


@media (max-width: 900px) 
    .row 
    max-width: 760px 

    .logo 
    width: 300px