お寿司か焼き肉食べたい

まじめな事からしょーもない事まで
めにゅーを開く(投げやり)

文字をなんとかできるようです。

文字列系

文字列やら数字やらをあれこれできるようなんですが・・・

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;
}
*/