CSS

【CSS】フレックスボックスのグリッドフレームワーク。Zeus

June 4, 2016

Zeusはカスタマイズ可能なフレックスボックスのグリッドフレームワーク。レスポンシブ対応で異なるビューポートサイズに対応しています。

12列グリッドフレームワーク
zeus_1

<div class="Layout">
    <div class="Layout__row">
        <div class="Layout__column Layout__column--xs-3">
            <p>Tellus Quam Purus Risus Etiam</p>
        </div>
        <div class="Layout__column Layout__column--xs-3">
            <p>Risus Aenean Ridiculus Consectetur Bibendum</p>
        </div>
        <div class="Layout__column Layout__column--xs-3">
            <p>Risus Porta Ultricies</p>
        </div>
        <div class="Layout__column Layout__column--xs-3">
            <p>Sit Ultricies Euismod Inceptos</p>
        </div>
    </div>
</div>

MITライセンス

Demo/Download