Radius

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

Table of Contents

• Basic
• Variables
• Import

Basic

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

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

Variables

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

/* None */

Import

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

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