文字をなんとかできるようです。
文字列系
文字列やら数字やらをあれこれできるようなんですが・・・
unquote($string)
文字列からクォーテーションを取り除きます。
.example { background-image: url(unquote("img/mark.png")); } /* .example { background-image: url(img/mark.png); } */
quote($string)
文字列にクォーテーションを追加します。
.example:after { content: quote(impress); } /* .example:after { content: "impress"; } */
percentage(value)
指定した数値をパーセント形式に変換します。
.example { width: percentage(100px / 80px); } /* .example { width: 125%; } */
round($value)
指定した数値を四捨五入した値を返します。
.example { margin: round(10.25px); padding: round(15.7px); } /* .example { margin: 10px; padding: 16px; } */
ceil($value)
指定した数値の切り上げをした値を返します。
.example { margin: ceil(10.25px); padding: ceil(15.7px); } /* .example { margin: 11px; padding: 16px; } */
floor($value)
指定した数値の切り捨てをした値を返します。
.example { margin: floor(10.25px); padding: floor(15.7px); } /* .example { margin: 10px; padding: 15px; } */
abs($value)
指定した数値の切り捨てをした値を返します。
.example { margin-top: abs(-100px); } /* .example { margin-top: 100px; } */
min($x1, $x2,...)
指定した複数の値のうち、最小値を返します。
.example { margin: min(10px, 4px, 120px, 8px); padding: min(1.2cm, 6cm, 50px); } /* .example { margin: 4px; padding: 1.2cm; } */
max($x1, $x2,...)
指定した複数の値のうち、最大値を返します。
.example { margin: max(10px, 4px, 120px, 8px); padding: max(1.2cm, 6cm, 50px); } /* .example { margin: 120px; padding: 6cm; } */