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