如何把 Javascript 放在 Sass 中？

Question

所以我将此代码放入我的 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;

代码限制了应该显示多少行，

但它不适用于 Sass

我不知道要解决这个问题

我搜了这种题，没找到..

Answer 1

您需要更改变量（$sampleVariable）并删除 $ 之后的 space。此外，您还需要定义在文件顶部使用的那些变量，以便进行编译。

您的示例代码可能是这样的：

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

如何把 Javascript 放在 Sass 中？

How to put Javascript in Sass?

html

css

sass

compass-sass