ボックス
汎用的なボーダー付きコンテンツボックス。
基本的な使い方
デフォルトのボックス
html
<div class="kit-box">デフォルトのボックス</div>バリアント
角丸
フラット（ボーダーなし）
浮き出し（シャドウ付き）
html
<div class="kit-box -rounded">角丸</div>
<div class="kit-box -flat">フラット（ボーダーなし）</div>
<div class="kit-box -raised">浮き出し（シャドウ付き）</div>セマンティックカラー
Primary
Success
Warning
Danger
Info
html
<div class="kit-box -primary">Primary</div>
<div class="kit-box -success">Success</div>
<div class="kit-box -warning">Warning</div>
<div class="kit-box -danger">Danger</div>
<div class="kit-box -info">Info</div>