有沒有一種方法來存儲字體大小/行高在Sass變量是這樣的:商店CSS字體大小/行高在薩斯可變
$font-normal: 14px/21px;
使用此聲明,我收到了division如文檔中所述。有沒有辦法避免分裂?
注意:我使用scss語法。
有沒有一種方法來存儲字體大小/行高在Sass變量是這樣的:商店CSS字體大小/行高在薩斯可變
$font-normal: 14px/21px;
使用此聲明,我收到了division如文檔中所述。有沒有辦法避免分裂?
注意:我使用scss語法。
根據http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division_and_slash中的SCSS參考,這正是預期的。嘗試把它變成一個混合:
@mixin fontandline{
font: 14px/12px;
}
然後,當你需要再次使用它,只是把它寫這樣的:
@include fontandline;
看到http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins以獲取更多信息。
編輯: 根據最新資料(見上面的鏈接)下面的代碼
p { $font-size: 12px; $line-height: 30px; font: #{$font-size}/#{$line-height}; }
應該被編譯成
p { font: 12px/30px; }
我用:$somevar: unquote("14px/17px");
是的,這正是爲預期。但該文檔還指出「font:10px/8px; //普通CSS,不分割」。所以我認爲可以將這個值存儲在一個變量中,讓sass知道這是一個普通的CSS聲明。 奇怪的是,這是沒有分工:「$ font-normal:14px/21px Arial,sans-serif;」 但無論如何,感謝您的回答! – 2010-05-22 09:12:54
查看更新的文檔。你現在可以用#號來做到這一點。 http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division-and-slash – 2010-05-24 01:25:30