jmblog.jp – YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ

YUI 3のCSS Fontsを使っている場合のフォントサイズ対応表をCSSのコメントに書いておくと便利ですよね :: 5509 というエントリーを見て、最近 CSS Fonts を SCSS で管理するようになってすごく楽になったので、ご紹介。 _fonts.scss といったような名前で次のような mixin を追加した SCSS ファイルを用意します。 これを style.scss などで include して使います。こんな感じ。 @import "fonts"; header { h1 { @include font_15; } } これをコンパイルすると、次のような style.css が生成されます。 /* YUI Fonts.css Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code lice

[hashimoya]

実用的