文字をなんとかできるようです。
文字列系
文字列やら数字やらをあれこれできるようなんですが・・・
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;
}
*/