Scss减法运算

css yekong

Sass 的减法运算和加法运算类似

$full-width: 960px;
$sidebar-width: 200px;

.content {
  width: $full-width -  $sidebar-width;
}

编译出来的 CSS 如下:

.content {
  width: 760px;
}

同样的,运算时碰到不同类型的单位时,编译也会报错,如:

$full-width: 960px;

.content {
  width: $full-width -  1em;
}

编译的时候,编译器报“Incompatible units: 'em' and ‘px’.”错误。

喜欢