四則演算

CSS3のcalc関数のような四則演算が利用可能です。
また、16進数の演算や変数（の値）に対して演算を行うことも可能です。

算術演算子

次の算術演算子が利用可能です。

演算子		例
加算	+	width:100px + 10px;
減算	-	width:100px - 10px;
乗算	*	width:100px * 2;
除算	/	width:(100px / 2);
剰余	%	width:100px % 3;

• ※ 演算子の前後には半角スペースが必要です。
• ※ 乗算・除算演算子の値には単位を付けることはできません。
• ※ 計算の順序変更で使用する丸括弧もサポートしています。
• ※ 除算を使用する場合は丸括弧が必要です。
• ※ 16進数カラーの計算は非推奨です。
  

サンプルコード

関数内で計算を行う場合

calc関数などネイティブなCSSの関数内で計算式を書くとそのまま計算式が出力されます。
CSSの関数内で計算を行いたい場合は、#{ ... }というインターポレーションを使用します。
インターポレーションについては、インターポレーションページをご覧ください。