後日追記: このブログの内容を再考して「Tailwind CSSで引数のあるMixinのような仕組みを作る方法(改)」として書き直した。 Sassでは、引数の値に応じて宣言をクラスに注入できるMixinの機能がある。たとえば次のようにすれば、フォントサイズがビューポートの幅に応じて流動的に変化するように実装できる。 @function rem($px) { @return ($px / 16 * 1rem); } // https://www.smashingmagazine.com/2022/01/modern-fluid-typography-css-clamp/ @function fluid-size($min-size, $max-size, $min-width: 640, $max-width: 1280) { $v: (100 * ($max-size - $min-siz