partsサンプルコード

Parts

概要

基本設定はparts-config.cssで行う。pars.cssは変更不可
ページごとで違う場合はページ専用css(page-〇〇〇.css)で基本設定を上書き

ボタン(parts-btn)

背景スライド

背景フェード

flexbox(parts-boxes)

アイテム間はgapプロパティで設定すること

基本(左揃え)

あああああ
いいいいい
ううううう

両端揃え

あああああ
いいいいい
ううううう

中央揃え

あああああ
いいいいい
ううううう

右揃え

あああああ
いいいいい
ううううう

縦配置 中央揃え

あああああ
いいいいい
ううううう

縦配置 上揃え

あああああ
いいいいい
ううううう

縦配置 下揃え

あああああ
いいいいい
ううううう

逆順

あああああ
いいいいい
ううううう

左右交互

SP表示で横100%にした際、すべてのparts-boxesにおいて上に来る要素を先に置く

あああああ
いいいいい
ううううう
えええええ
おおおおお
かかかかか

アコーディオン(parts-accordions)

質問質問質問質問

回答テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

質問質問質問質問

回答テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

質問質問質問質問

回答テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト