scss 可以做 數字計算

例如：

先設一個 background-color: #000; 然後在hover + 10

.button {
    color: $color1;
    background-color: #000;
    width: 200px;
    height: 50px;
    &:hover {
        color: $color3;
        background-color: #000 + 10;
    }
}

變數可以再進行作加減乘除餘(+-*/%)運算，最特別的是字串與顏色色碼也可以進行運算。

//scss
$_num: 5px;

.container {
  color: $color-pink / 2;
  margin: $_num * 2 $_num;
}