CSS

【CSS】軽量・Pure CSSで実装されたPinterestのようなボードを作成するCSSライブラリBoardz

February 25, 2017
boardz

Boardzは軽量(1kB未満)でPure CSSで実装されたPinterestのようなボードを作成するシンプルなCSSライブラリ。

HTML

リストをクラスのdivboardzで囲む

<div class="boardz">
    <!-- First column -->
    <ul>
        <li>
            <h1> Header 1</h1>
            Content
        </li>
        <li>
            <h1> Header 2</h1>
            Content
        </li>
    </ul>

    <!-- Second column -->
    <ul>
        <li>
            <h1> Header 1</h1>
            Content
        </li>
        <li>
            <h1> Header 2</h1>
            Content
        </li>
    </ul>
</div>
  1. boardz ラッパーdiv
  2. fitted 垂直方向に揃えるクラス
  3. beautiful スタイリッシュなセルを作るクラス

MIT