Class List

Berikut daftar class yang disediakan BshadeUI, enjoy!

LAYOUTS

Display - {display}

Overflow - overflow-{name}

Visibility - {visibility}

BACKGROUND

Background Color - bg-{colorName}-{level}

TYPOGRAPHY

Text Color - color-{colorName}-{level}

Text Align - text-{direction}

Font Family - font-{family}

Font Size - text-{size}

Font Weight - fw-{size}

Text Decoration Line - text-decoration-{line}

Text Decoration Style - decoration-{style}

Text Decoration Color - decoration-{color}

FLEXBOX

Flex Flow - flow-{name}

Flex Direction - direction-{direction}

Justify Content - justify-content-{name}

Justify Self - justify-self-{name}

Justify Items - justify-items-{name}

Align Content - align-content-{name}

Align Self - align-self-{name}

Align Items - align-items-{name}

Flexbox Row - row

Flexbox Col - col-{size}

GRID

Grid Template Columns - grid-cols-{maxColumn}

Grid Template Rows - grid-rows-{maxRpws}

Grid Column - colspan-{size}

Grid Auto Flow Col - grid-flow-col

Grid Auto Flow Row - grid-flow-row

Gap - gap-{size}

SPACING

Padding - p{direction}-{size}

Margin - m{direction}-{size}

SIZING

Height - h-{size}

Width - w-{size}

BORDERS

Border Width - border-{size}

Border Style - border-{style}

Border Color - border-{colorName}-{level}

Border Radius - radius-{size}

EFFECTS

Box Shadow - shadow

Box Shadow X/Y - shadow-{x|y}-{size}

Box Shadow Color - shadow-{colorName}-{level}

Box Shadow Blur - shadow-blur-{size}

Text Shadow - tshadow

Text Shadow X/Y - tshadow-{x|y}-{size}

Text Shadow Color - tshadow-{colorName}-{level}

Text Shadow Blur - tshadow-blur-{size}

OUTLINE

Outline Style - outline-{style}

Outline Width - outline-{size}

Outline Color - outline-{colorName}-{level}

INTERACTIVITY

Cursor - cursor-{name}