囲みのクラスは.box--large
.box--medium
.box--small
の3つがあります。
使いたいものを「コードセレクター」で選択してコピー&ペーストしてください。
囲みの中には.box__title
か.box__title--small
を入れて、囲みと一体化したタイトルを作ることができます。
.box__title
の中で文字を<span>...</span>
でマークすると、装飾が加わります。これは、「特長1」「特長2」…や「特典」など、囲みタイトルの行頭に文字を入れたい場合に便利です。
囲みの中に.box__hgroup
を入れると、囲み内の見出しグループを作ることができます。
囲みの中に囲みを入れたり、チェックリストやよくある質問を入れるなど、他の部品と組み合わせて使用することができます。