Radius

角丸となる border-radius を変更するユーティリティ CSS。

Table of Contents

• Basic
• Compatible
• Variables
• Import

Basic

• .is-radius-{size} で border-radius を付与します
• {size} は最大 xxl から最小 xxs に加え none full を指定できます
• ※他のサイズ展開と異なり mlg が含まれています

<div class="box is-radius-lg">ラディステスト</div>

Compatible

推奨のクラス名と同様の効果を互換のあるクラス名で得ることもできます。

Variables

上書きできる変数は以下の通りです。

/* None */

Import

PostCSS で読み込む場合の各パスは以下となります。

@import "musubii/src/utilities/radius/main.css";