Radius

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

Table of Contents

Basic

  • .is-radius-{size}border-radius を付与します
  • {size} は最大 xxl から最小 xxs に加え none full を指定できます
  • ※他のサイズ展開と異なり ml が含まれています
サイズクラス名
16px.is-radius-xxl
12px.is-radius-xl
8px.is-radius-lg
6px.is-radius-ml
4px.is-radius-md
3px.is-radius-sm
2px.is-radius-xs
1px.is-radius-xxs
0.is-radius-none
9999em.is-radius-full
ラディステスト
<div class="box is-radius-lg">ラディステスト</div>

Variables

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

/* None */

Import

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

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