執筆中のため、情報が古い・足りない場合があります。ご容赦ください。

ユーティリティ

XelticaUI には、実装を手助けするいくつかの便利なユーティリティクラスや、SCSS 関数を備えています。

角丸

roundedクラスを指定すると、強制的に角を付与できます。

.rounded

.rounded-t

.rounded-b

.rounded-l

.rounded-r

角丸除去

sharpクラスを指定すると、角丸を取り除きます。

.sharp

.sharp-t

.sharp-b

.sharp-l

.sharp-r

角丸（フル）

circleクラスを指定すると、roundedクラスより丸い角になります。

Hello, world!

要素の変更

クラス	説明
select-none	中身を選択禁止にする
select-all	クリックで全文を選択する
no-pointer-events	中身のポインターイベントを発生しないようにする
block	ブロック要素
inline	インライン要素
iblock	インラインブロック要素
flex	Flex Box要素
iflex	インラインFlex Box要素
f-left	Flex Boxを左並べにする
f-center	Flex Boxを横方向に中央揃えにする
f-right	Flex Boxを右並べにする
f-hstretch	Flex Boxを横方向に均等にする
f-top	Flex Boxを上付きにする
f-middle	Flex Boxを縦方向に中央揃えにする
f-bottom	Flex Boxを下付きにする
f-vstretch	Flex Boxを縦方向に均等にする
f-wrap	Flex Boxを折り返すようにする
f-wrap-reverse	Flex Boxを逆方向に折り返すようにする