Comment mettre le Javascript dans Sass?

Question

Je suis mis ce code dans mon fichier Sass

width: 100%; 
height: auto; 
overflow: hidden; 
display: block; 
display: -webkit-box; 
height: $ font-size *$ line-height *$ lines-to-show; 
font-size: $ font-size; 
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical; 
text-overflow: ellipsis; 

Le code est limite le nombre de lignes devraient montrer,

---

Mais il ne fonctionne pas sur Sass

Je ne idée de réparer celui-ci

Je recherche ce genre de question, mais je ne peux pas le trouver ..

Answer 1

Vous devez modifier vos variables ($ sampleVariable) et supprimer l'espace après le $. Vous devez également définir les variables que vous avez utilisées en haut de votre fichier pour compiler.

Votre exemple de code pourrait ressembler à ceci:

// variable definition 
$font-size: 1em; 
$line-height: 1.3; 
$lines-to-show: 3; 

// rest of the code 
.selector { 
    width: 100%; 
    height: auto; 
    overflow: hidden; 
    display: block; 
    display: -webkit-box; 
    height: $font-size * $line-height * $lines-to-show; // no spaces between $ and variable name 
    font-size: $ font-size; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
    text-overflow: ellipsis; 
}