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をかけるかして、単位を追加することができる。


関連記事

この記事のハッシュタグに関連する記事が見つかりませんでした。

最新記事