Boxパターン
基本:Box
class="Box"
基本
背景色:Bg
class="Box Bg0"
背景色:#ffffff
class="Box Bg1"
背景色:#f2f3f5
class="Box Bg2"
背景色:#e8ecf9
class="Box Bg3"
背景色:#fffee8
ボーダー色:Border
class="Box Border1"
ボーダー色:#d5d5d5
class="Box Border2"
ボーダー色:#2e478a
class="Box Border3"
ボーダー色:#c30000
class="Box Border4"
ボーダー色:#7993c7
class="Box Border5"
ボーダー色:#d85388
class="Box Border6"
ボーダー色:#e37f1a
class="Box Border7"
ボーダー色:#5aae88
ボーダー幅:BorderWide
class="Box Border1 BorderWide1"
ボーダー幅:3px
class="Box Border1 BorderWide2"
ボーダー幅:5px
ボーダー左:BorderLeft
class="Box BorderLeft1 Bg2"
ボーダー左:#2e478a
class="Box BorderLeft2 Bg2"
ボーダー左:#c30000
class="Box BorderLeft3 Bg2"
ボーダー左:#7993c7
class="Box BorderLeft4 Bg2"
ボーダー左:#d85388
class="Box BorderLeft5 Bg2"
ボーダー左:#e37f1a
class="Box BorderLeft6 Bg2"
ボーダー左:#5aae88
角丸:Radius
class="Box Bg2 Radius"
角丸:10px
クラス指定の組み合わせ例
例1
class="Box Bg1 Border1 BorderWide1 Radius"
例2
class="Box Border6 BorderWide1 Bg3"
例3
class="Box BorderLeft5 Bg3"
例4
class="Box BorderLeft6 Bg1"
例5
class="Box BorderLeft6 Bg1"
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト