Wie setze ich Javascript in Sass?

Question

So bin ich diesen Code in meinem Sass setzen

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; 

der Codedatei ist Limit, wie viele Zeilen zeigen sollten,

---

Aber es funktioniert nicht auf Sass

Ich habe keine Idee, dieses zu beheben

Ich suche diese Art von Frage, aber ich kann es nicht finden ..

Answer 1

Sie müssen Ihre Variablen ($ sampleVariable) ändern und das Leerzeichen nach dem $ entfernen. Außerdem müssen Sie die Variablen definieren, die Sie am Anfang der Datei verwendet haben, um sie zu kompilieren.

Ihr Beispielcode könnte so aussehen:

// 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; 
}