mintcode

Sassで計算結果の単位に%をくっつける

参考記事:https://css-tricks.com/snippets/sass/correctly-adding-unit-number/

レスポンシブの場合、たとえばpaddingについて、Sassで計算結果の単位に%をくっつけたいことがよくある。そのやり方。

.hogehoge {
  padding-left: 40 / 780 * 100 + 0%;
}

あるいは .hogehoge { padding-left: 40 / 780 * 100 * 1%; }

これで、コンパイル結果が .hogehoge { padding-left: 5.12821%; }

となる。もちろん、%以外の単位でも、0を足すか、1をかけるかして、単位を追加することができる。


関連記事

この記事のハッシュタグ から関連する記事を表示しています。

Live Sass Compiler で複数の scss フォルダを watch する

最新記事

カテゴリー