続続・YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ
@mixin を使ったやり方や、@function を使ったやり方を書きましたが、単純に変数を使えばいいんじゃね？というご指摘を Twitter で受けました。そうか。いや、まったくその通りです。
$yui-10px: 77%;
$yui-11px: 85%;
$yui-12px: 93%;
$yui-13px: 100%;
$yui-14px: 108%;
$yui-15px: 116%;
$yui-16px: 123.1%;
$yui-17px: 131%;
$yui-18px: 138.5%;
$yui-19px: 146.5%;
$yui-20px: 153.9%;
$yui-21px: 161.6%;
$yui-22px: 167%;
$yui-23px: 174%;
$yui-24px: 182%;
$yui-25px: 189%;
$yui-26px: 197%;
#main p {
font-size: #{$yui-14px};
}
p.error {
font-size: #{$yui-16px} !important;
}
$yui-11px: 85%;
$yui-12px: 93%;
$yui-13px: 100%;
$yui-14px: 108%;
$yui-15px: 116%;
$yui-16px: 123.1%;
$yui-17px: 131%;
$yui-18px: 138.5%;
$yui-19px: 146.5%;
$yui-20px: 153.9%;
$yui-21px: 161.6%;
$yui-22px: 167%;
$yui-23px: 174%;
$yui-24px: 182%;
$yui-25px: 189%;
$yui-26px: 197%;
#main p {
font-size: #{$yui-14px};
}
p.error {
font-size: #{$yui-16px} !important;
}
これでスッキリしました。
About this entry
- Published:
- 2011/05/12
- Category:
- web development, webdesign, design
- Response:
- 2 comments | 0 trackback
- Bookmark:
0 user
0 user
0 user
No Trackbacks
trackback uri:コメントやトラックバックは承認待ちになる場合がありますので、すぐに反映されない場合はしばらくお待ちください。