財団-基本タイポグラフィ

$header-font-family

ヘッダー要素のフォントファミリーを指定します。

$header-font-weight

ヘッダーのフォントの太さを指定します。

$header-font-style

ヘッダーのフォントスタイルを提供します。

$font-family-monospace

コードサンプルなど、等幅タイプを使用する要素に使用されるフォントスタック。

$header-sizes

見出しの画面サイズを定義し、各キーはブレークポイントであり、各値は見出しサイズのマップです。

small: (
   'h1': 24
   'h2': 20
   'h3': 19
   'h4': 18
   'h5': 17
   'h6': 16
)
medium: (
   'h1': 48
   'h2': 40
   'h3': 31
   'h4': 25
   'h5': 20
   'h6': 16
)

$header-color

ヘッダーの色を提供します。

$header-lineheight

ヘッダーの行の高さを定義します。

$header-margin-bottom

ヘッダーの下マージンを提供します。

$header-text-rendering

テキストレンダリングの方法を定義します。

$small-font-size

<small>要素のフォントサイズを指定します。

$paragraph-margin-bottom

段落の下マージンを指定します。

$paragraph-text-rendering

テキストレンダリング段落のメソッド。

$code-color

コードサンプルにテキストの色を提供します。

$code-font-family

コードサンプルにフォントファミリーを提供します。

$code-border

コードの周囲の境界線を指定します。

$code-padding

テキストの周囲のパディングを指定します。

$anchor-color

リンクのデフォルトの色。

$anchor-color-hover

ホバー時のリンクのデフォルトの色を指定します。

$anchor-text-decoration

リンクのデフォルトのテキスト装飾。

$anchor-text-decoration-hover

ホバー上のリンクのデフォルトのテキスト装飾。

$hr-width

仕切りの最大幅を定義します。

$hr-border

仕切りのデフォルトの境界線を指定します。

$hr-margin

仕切りのデフォルトマージン。

$list-lineheight

リスト内のアイテムの行の高さを定義します。

$list-style-type

順序付けされていないリストの箇条書きタイプを提供します。

$list-style-position

順序付けされていないリストでの箇条書きの配置を定義します。

$list-side-margin

左側（または右側）のマージンを定義します。

$defnlist-term-weight

<dt>要素のフォントの重みを提供します。

$defnlist-term-margin-bottom

<dt>要素と<dd>要素の間に間隔を空けます。

$blockquote-color

<blockquote>要素のテキストの色を適用します。

$blockquote-padding

<blockquote>要素内にパディングを提供します。

$blockquote-border

<blockquote>要素のサイドボーダーを提供します。

$cite-font-size

<cite>要素のフォントサイズを定義します。

$cite-color

<cite>要素のテキストの色を提供します。

$keystroke-font

<kbd>要素のフォントファミリーを定義します。

$keystroke-color

<kbd>要素のテキストの色を定義します。

$keystroke-background

<kbd>要素の背景色を提供します。

$keystroke-padding

<kbd>要素のパディングを指定します。

$keystroke-radius

<kbd>要素の境界半径を表示します。

$abbr-underline

<abbr>要素の下枠スタイルを提供します。