scss でフォントサイズをremで指定するmixin

今さらながら、SCSSからCompassを使いはじめました。

今さらながら、その便利さに驚愕している日々です。

いろいろ覚えておきたいことは一杯あるのですが今日は基本となるfont-sizeの指定をカンタンにできるようにするmixinの覚え書き。

まずは、rootのフォンとサイズを10pxにするため、htmlに以下のように指定します。

そしてbodyを14pxを指定する場合、

css3のremの指定と対応していないIE対策としてpxを一緒に指定します。

これをmixinにするには

とし、18pxで表示したいところには

とするだけ!

めちゃくちゃカンタンになりました!

 

参考にさせていただきました:

SCSSで古いIEなどにもrem感覚でフォントを指定する方法

http://negimemo.net/1141

SNSでもご購読できます。