PitaCSS ~ ドキュメンテーションに特化

PitaCSSの中核となる考え、段階的採用思想とは？

Classレス思想をベースとした、新しい思想です。(おそらく...)

内容

すべてHTMLタグ(Classレス)だけで記述するのは柔軟性に欠けます。そこでPitaCSSは、あくまでClassレス思想をベースにしつつ、 「Classレス」→「低水準Class」→「ハイレベルClass」
の順に適切なクラスを段階的に採用することで、柔軟性がありながらも、コードをシンプルに保てるという思想です！。

具体的な内容はドキュメントにありますので、そちらをご覧ください。

        
            <!-- クラスレス -->
            <section>
            <h1>PitaCSS</h1>
            <p>ドキュメント型サイトに特化したCSSフレームワーク</p>
            </section>

            <!-- 段階的にユーティリティClass（低水準クラス）を利用する -->
            <div class="p20 mB20">
            <p class="text-xs mB10">text-xs: とても小さいテキスト(13px固定)</p>
            <p class="text-sm mB10">text-sm: 小さいテキスト(15px固定)</p>
            <p class="text-base mB10">text-base: 基本サイズのテキスト(Clamp関数によりレスポンシブです)</p>
            <p class="text-lg mB10">text-lg: 大きいテキスト(Clamp関数によりレスポンシブです)</p>
            <p class="text-xl mB10">text-xl: より大きいテキスト(Clamp関数によりレスポンシブです)</p>
            <p class="text-2xl mB10">text-2xl: 最大サイズのテキスト(Clamp関数によりレスポンシブです)</p>
            </div>

            <!-- 必要に応じてハイレベルClass -->
            <section>
            <h2>alertシリーズ</h2>
            <div class="alert info">
            <p>情報メッセージ</p>
            </div>
            </section>
            </div>