/* #Box -------------------------------------------------------------------------- */ /*doc --- title: box name: box categories: [project] --- 画像やテキストなどを縦に並べるコンポーネントです。 ラベルはデフォルトで右上に配置されます。Modifierで以下のように変更できます。 - 右下 `.p-box__labels--right-bottom` - 左上 `.p-box__labels--left-top` - 左下 `.p-box__labels--left-bottom` ```block

見出し

文章

``` */ .p-box { @include _p-box(); } .p-box__image { @include _p-box__image(); } .p-box__labels { @include _p-box__labels(); } .p-box__labels--right-bottom { top: auto; bottom: 0; } .p-box__labels--left-top { right: auto; left: 0; } .p-box__labels--left-bottom { top: auto; right: auto; bottom: 0; left: 0; } .p-box__label { @include _p-box__label(); } .p-box__content { @include _p-box__content(); }