Test

Clip Center with Inlay & Border

Initialize Center, Inlay & Border with attribute (`fui-clip-both`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

[fui-clip-both] .fui-t-clip-x

[fui-clip-both] .fui-r-clip-y

[fui-clip-both] .fui-b-clip-x

[fui-clip-both] .fui-l-clip-y

[fui-clip-both] .fui-all-clip

[fui-clip-both] .fui-all-clip .fui-all-corner

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

[fui-clip-both] .fui-t-clip-x .fui-t-extend-25

[fui-clip-both] .fui-t-clip-x .fui-t-25

[fui-clip-both] .fui-t-clip-x .fui-t-extend-75 .fui-t-40

Clip Center with Border

Initialize Center & Border with attribute (`fui-clip-border`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

[fui-clip-border] .fui-t-clip-x

[fui-clip-border] .fui-r-clip-y

[fui-clip-border] .fui-b-clip-x

[fui-clip-border] .fui-l-clip-y

[fui-clip-border] .fui-all-clip

[fui-clip-border] .fui-all-clip .fui-all-corner

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

[fui-clip-border] .fui-t-clip-x .fui-t-extend-25

[fui-clip-border] .fui-t-clip-x .fui-t-25

[fui-clip-border] .fui-t-clip-x .fui-t-extend-75 .fui-t-40

Clip Center with Inlay

Initialize Center & Inlay with attribute (`fui-clip-inlay`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

[fui-clip-inlay] .fui-t-clip-x

[fui-clip-inlay] .fui-r-clip-y

[fui-clip-inlay] .fui-b-clip-x

[fui-clip-inlay] .fui-l-clip-y

[fui-clip-inlay] .fui-all-clip

[fui-clip-inlay] .fui-all-clip .fui-all-corner

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

[fui-clip-inlay] .fui-t-clip-x .fui-t-extend-25

[fui-clip-inlay] .fui-t-clip-x .fui-t-25

[fui-clip-inlay] .fui-t-clip-x .fui-t-extend-75 .fui-t-40

Clip Center

Initialize Center with attribute (`fui-center`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

[fui-clip] .fui-t-clip-x

[fui-clip] .fui-r-clip-y

[fui-clip] .fui-b-clip-x

[fui-clip] .fui-l-clip-y

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

[fui-clip] .fui-t-clip-x .fui-t-extend-25

[fui-clip] .fui-t-clip-x .fui-t-25

[fui-clip] .fui-t-clip-x .fui-t-extend-75 .fui-t-40

All (`fui-all-clip fui-all-corner`)

[fui-clip] .fui-all-clip

[fui-clip] .fui-all-clip .fui-all-corner

Clip Corner with Border & Inlay

Initialize Corner, Border, & Inlay with attribute (`fui-corner & fui-both`)

Add Inlay Size (`.fui-inlay-*`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

[fui-corner] [fui-both] .fui-tl

[fui-corner] [fui-both] .fui-tl .fui-tr

[fui-corner] [fui-both] .fui-tr .fui-br .fui-bl

[fui-corner] [fui-both] .fui-all-corner

Border Sizing (`.fui-all-corner-* | .fui-inlay-* | .fui-border-*`)

[fui-corner] [fui-both] .fui-all-corner-30

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-10

[fui-corner] [fui-both] .fui-all-corner .fui-border-10

[fui-corner] [fui-both] .fui-all-corner-30 .fui-inlay-10 .fui-border-10

Border Color (`.fui-inlay-bg-* | .fui-border-*`)

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-bg-primary .fui-border-primary

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-bg-secondary .fui-border-secondary

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-bg-warning .fui-border-warning

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-bg-success .fui-border-success

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-bg-danger .fui-border-danger

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-bg-black .fui-border-black

[fui-corner] [fui-both] .fui-all-corner .fui-inlay-bg-white .fui-border-white

Clip Corner with Border

Initialize Corner & Border with attribute (`fui-corner & fui-border`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

[fui-corner] [fui-border] .fui-tl

[fui-corner] [fui-border] .fui-tl .fui-tr

[fui-corner] [fui-border] .fui-tr .fui-br .fui-bl

[fui-corner] [fui-border] .fui-all-corner

Border Sizing (`.fui-border-*`)

[fui-corner] [fui-border] .fui-all-corner .fui-border-1

[fui-corner] [fui-border] .fui-all-corner .fui-border-2

[fui-corner] [fui-border] .fui-all-corner .fui-border-3

[fui-corner] [fui-border] .fui-all-corner .fui-border-10

Border Color (`.fui-border-*`)

[fui-corner] [fui-border] .fui-all-corner .fui-border-primary

[fui-corner] [fui-border] .fui-all-corner .fui-border-secondary

[fui-corner] [fui-border] .fui-all-corner .fui-border-warning

[fui-corner] [fui-border] .fui-all-corner .fui-border-success

[fui-corner] [fui-border] .fui-all-corner .fui-border-danger

[fui-corner] [fui-border] .fui-all-corner .fui-border-black

[fui-corner] [fui-border] .fui-all-corner .fui-border-white

Clip Corner with Inlay

Initialize Corner & Inlay with attribute (`fui-corner & fui-inlay`)

Add Inlay Size (`.fui-inlay-*`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

[fui-corner] [fui-inlay] .fui-tl

[fui-corner] [fui-inlay] .fui-tl .fui-tr

[fui-corner] [fui-inlay] .fui-tr .fui-br .fui-bl

[fui-corner] [fui-inlay] .fui-all-corner

Inlay Sizing (`.fui-inlay-*`)

[fui-corner] [fui-inlay] .fui-inlay-1 .fui-all-corner

[fui-corner] [fui-inlay] .fui-inlay-2 .fui-all-corner

[fui-corner] [fui-inlay] .fui-inlay-3 .fui-all-corner

[fui-corner] [fui-inlay] .fui-inlay-10 .fui-all-corner

Inlay Color (`.fui-inlay-bg-*`)

[fui-corner] [fui-inlay] .fui-all-corner .fui-inlay-bg-primary

[fui-corner] [fui-inlay] .fui-all-corner .fui-inlay-bg-secondary

[fui-corner] [fui-inlay] .fui-all-corner .fui-inlay-bg-warning

[fui-corner] [fui-inlay] .fui-all-corner .fui-inlay-bg-success

[fui-corner] [fui-inlay] .fui-all-corner .fui-inlay-bg-danger

[fui-corner] [fui-inlay] .fui-all-corner .fui-inlay-bg-black

[fui-corner] [fui-inlay] .fui-all-corner .fui-inlay-bg-white

Clip Corner

Initialize Corner with attribute (`fui-corner`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

[fui-corner] .fui-tl

[fui-corner] .fui-tr

[fui-corner] .fui-br

[fui-corner] .fui-bl

[fui-corner] .fui-br .fui-bl

[fui-corner] .fui-tl .fui-tr

[fui-corner] .fui-tr .fui-br

[fui-corner] .fui-tl .fui-bl

[fui-corner] .fui-tr .fui-br .fui-bl

[fui-corner] .fui-tl .fui-br .fui-bl

[fui-corner] .fui-tl .fui-tr .fui-bl

[fui-corner] .fui-tl .fui-tr .fui-br

[fui-corner] .fui-tr .fui-bl

[fui-corner] .fui-tl .fui-br

[fui-corner] .fui-all-corner

Corner Sizing (`.fui-tl-* | .fui-tr-* | .fui-br-* | .fui-bl-* | .fui-all-corner-*`)

[fui-corner] .fui-tl-50

[fui-corner] .fui-tr-50

[fui-corner] .fui-br-50

[fui-corner] .fui-bl-50

Clip Center with Inlay & Border

Initialize Center, Inlay & Border with attribute (fui-clip-both)

Add Clip Center (.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip)

Sizing center extend (.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*)

Sizing center depth (.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*)

Clip Center with Border

Initialize Center & Border with attribute (fui-clip-border)

Add Clip Center (.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip)

Sizing center extend (.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*)

Sizing center depth (.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*)

Clip Center with Inlay

Initialize Center & Inlay with attribute (fui-clip-inlay)

Add Clip Center (.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip)

Sizing center extend (.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*)

Sizing center depth (.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*)

Clip Center

Initialize Center with attribute (fui-center)

Add Clip Center (.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip)

Sizing center extend (.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*)

Sizing center depth (.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*)

All (fui-all-clip fui-all-corner)

Clip Corner with Border & Inlay

Initialize Corner, Border, & Inlay with attribute (fui-corner & fui-both)

Add Inlay Size (.fui-inlay-*)

Add Clip Corner (.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner)

Border Sizing (.fui-all-corner-* | .fui-inlay-* | .fui-border-*)

Border Color (.fui-inlay-bg-* | .fui-border-*)

Clip Corner with Border

Initialize Corner & Border with attribute (fui-corner & fui-border)

Add Clip Corner (.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner)

Border Sizing (.fui-border-*)

Border Color (.fui-border-*)

Clip Corner with Inlay

Initialize Corner & Inlay with attribute (fui-corner & fui-inlay)

Add Inlay Size (.fui-inlay-*)

Add Clip Corner (.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner)

Inlay Sizing (.fui-inlay-*)

Inlay Color (.fui-inlay-bg-*)

Clip Corner

Initialize Corner with attribute (fui-corner)

Add Clip Corner (.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner)

Corner Sizing (.fui-tl-* | .fui-tr-* | .fui-br-* | .fui-bl-* | .fui-all-corner-*)

Initialize Center, Inlay & Border with attribute (`fui-clip-both`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

Initialize Center & Border with attribute (`fui-clip-border`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

Initialize Center & Inlay with attribute (`fui-clip-inlay`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

Initialize Center with attribute (`fui-center`)

Add Clip Center (`.fui-t-clip-x | .fui-r-clip-y | .fui-b-clip-x | .fui-l-clip-y | fui-all-clip`)

Sizing center extend (`.fui-t-extend-* | .fui-r-extend-* | .fui-b-extend-* | .fui-l-extend-* | fui-extend-x-* | fui-extend-y-* | fui-all-extend-*`)

Sizing center depth (`.fui-t-* | .fui-r-* | .fui-b-* | .fui-l-* | fui-x-* | fui-y-* | fui-all-*`)

All (`fui-all-clip fui-all-corner`)

Initialize Corner, Border, & Inlay with attribute (`fui-corner & fui-both`)

Add Inlay Size (`.fui-inlay-*`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

Border Sizing (`.fui-all-corner-* | .fui-inlay-* | .fui-border-*`)

Border Color (`.fui-inlay-bg-* | .fui-border-*`)

Initialize Corner & Border with attribute (`fui-corner & fui-border`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

Border Sizing (`.fui-border-*`)

Border Color (`.fui-border-*`)

Initialize Corner & Inlay with attribute (`fui-corner & fui-inlay`)

Add Inlay Size (`.fui-inlay-*`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

Inlay Sizing (`.fui-inlay-*`)

Inlay Color (`.fui-inlay-bg-*`)

Initialize Corner with attribute (`fui-corner`)

Add Clip Corner (`.fui-tl | .fui-tr | .fui-br | .fui-bl | .fui-all-corner`)

Corner Sizing (`.fui-tl-* | .fui-tr-* | .fui-br-* | .fui-bl-* | .fui-all-corner-*`)