Как правильно использовать blueprint-typography-body ([$ font-size])? - PullRequest
Новая
       23

Как правильно использовать blueprint-typography-body ([$ font-size])?

1 голос
/ 15 мая 2010

Последние конвертируются в RoR, и я использую Компас с Blueprint , чтобы окунуться в поговорку. Компас был фантастическим, но я наткнулся на что-то странное в библиотеке книгопечатания.

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 

=blueprint-typography-body($font-size: $blueprint-font-size)
  line-height: 1.5
  +normal-text
  font-size: 100% * $font-size / 16px

Мой вопрос вращается вокруг "размера шрифта". Я немного растерялся, так как ожидал передать размер шрифта и отразить этот размер при загрузке страницы. Однако в этом сценарии формула, по-видимому, определяет процент от шрифта по умолчанию.

есть: 

+blueprint-typography-body(10px) //produces 7.5px off of the default font size of 12px from what I can tell.

По сути, мне любопытно, существует ли какой-либо стандарт для установки размера шрифта в Compass, кроме явного объявления "font-size: 10px".

Примечание. Причина, по которой я склоняюсь к стилизации шрифтов Blueprint / Compass, заключается в стандартизации высот линий, шрифтов и цветов.

Ответы [ 2 ]

1 голос
/ 16 мая 2010

Если честно, порт компаса типографской схемы еще не полностью настраивается. Поэтому изменение этого значения по умолчанию, вероятно, не даст вам правильный ритм шрифта.

Тем не менее, в следующем выпуске susy есть полностью настраиваемый модуль вертикального ритма, который я помог построить, и он довольно приятный.

Susy

Модуль вертикального ритма

0 голосов
/ 07 ноября 2011

Просто прочитайте в обсуждении Документация по компасу (комментарий Хулио Антунеса), что вы можете настроить размеры шрифта следующим образом: 

@import "compass/typography"

$base-font-size:   14px
$base-line-height: 21px

header h1
  +adjust-font-size-to(18px)

Не уверен, что это рекомендуемый способ, но он работает для меня. Я только начал использовать Compass & Blueprint, поэтому приведенное выше может вызвать проблемы в других местах.

...