タイポグラフィ

kitstrap2はタイポグラフィクラスとデフォルト要素スタイルを提供します。

タイトル

.kit-title クラスで大きく太字のタイトルを作成します。

ページタイトル

<span class="kit-title">ページタイトル</span>

サブ

.kit-sub クラスで補助的な小さいテキストを作成します。

サブタイトルや説明テキスト

<span class="kit-sub">サブタイトルや説明テキスト</span>

デフォルト見出し

kitstrap2は h1〜h5 要素に一貫したスペーシングとウェイトを適用します。

見出し1

見出し2

見出し3

見出し4

見出し5

<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>

コード

インラインの code と pre ブロックはモノスペースフォントと控えめな背景でスタイリングされます。

kit-button をボタンに使用します。

.kit-button {
  display: inline-flex;
}

<p><code>kit-button</code> をボタンに使用します。</p>
<pre><code>.kit-button {
  display: inline-flex;
}</code></pre>

引用

kitstrap2はkitstrapのモダンな後継フレームワークです。

<blockquote>kitstrap2はkitstrapのモダンな後継フレームワークです。</blockquote>