2010-05-18 2 views
4

Есть ли способ для хранения размера шрифта/высоту строки в Sass переменной, как это:магазин CSS размер шрифта/высота строки в переменной Сасс

$font-normal: 14px/21px; 

Используя это заявление, я получаю division как описано в документации. Есть ли способ избежать разделения?
Примечание: Я использую синтаксис scss.

ответ

10

в соответствии с ссылкой SCSS в http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division_and_slash, что как раз и ожидается. попробуйте положить его в Mixin:

@mixin fontandline{ 
    font: 14px/12px; 
} 

тогда, когда вам нужно использовать его снова, просто напишите это так:

@include fontandline; 

см http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins для получения дополнительной информации.

EDIT: согласно последней документации (ссылка выше) следующий код

p { 
    $font-size: 12px; 
    $line-height: 30px; 
    font: #{$font-size}/#{$line-height}; 
}

должен быть скомпилирован в

p { 
    font: 12px/30px; 
}
+0

Да, это именно то, что ожидается. Но в документе также указывается «font: 10px/8px; // Plain CSS, no division». Поэтому я подумал, что можно сохранить это значение в переменной и дать понять, что это простая декларация CSS. Странно, что это работает без разделения: «$ font-normal: 14px/21px Arial, sans-serif;» Но так или иначе, спасибо за ваш ответ! –

+1

см. Обновленную документацию. вы теперь можете сделать это с # знаками. http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#division-and-slash –

0

Я использую: $somevar: unquote("14px/17px");

 Смежные вопросы

  • Нет связанных вопросов^_^