1

最近RoRに変換し、私は青写真付きのコンパスを使用してことわざのプールに浸っています。コンパスは素晴らしかったですが、タイポグラフィライブラリ内で何か奇妙なことに遭遇しました。

ブループリント-タイポグラフィ-ボディミックスインには、次のものが含まれています。

=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.

本質的に、「font-size:10px」を明示的に宣言する以外に、Compass内でフォントサイズを設定するための標準があるかどうか知りたいです。

注:ブループリント/コンパスフォントのスタイリングに傾倒している理由は、行の高さ、フォント、および色の標準化によるものです。

4

2 に答える 2

1

正直なところ、ブループリントタイポグラフィのコンパスポートはまだ完全には構成できません。したがって、そのデフォルトを変更しても、適切なフォントリズムが得られない可能性があります。

ただし、susyの次のリリースには、完全に構成可能な垂直リズムモジュールがあり、これを作成して作成しました。これは非常に便利です。

スージー

垂直リズムモジュール

于 2010-05-16T14:37:45.227 に答える
0

次のようにフォントサイズを調整できることをCompassドキュメント(JulioAntúnezのコメント)のディスカッションで読んでください。

@import "compass/typography"

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

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

これが推奨される方法かどうかはわかりませんが、私にとってはうまくいきます。Compass&Blueprintを使い始めたばかりなので、上記の方法で他の場所で問題が発生する可能性があります。

于 2011-11-07T12:34:47.990 に答える