Introduction
Installation
  • Framework Agnostic
  • React
Customization
  • Overview
  • Theme
  • Utilities
  • Variants
  • Apply
Layout
  • Container
  • Display
  • Float
  • Object Fit
  • Object Position
  • Overflow
  • Position
  • Visibility
  • Z Index
Typography
  • Font Family
  • Font Size
  • Font Weight
  • Letter Spacing
  • Line Height
  • Lists
  • Style and Decoration
  • Text Alignment
  • Text Color
  • Vertical Alignment
  • Whitespace
Background
  • Background Attachment
  • Background Color
  • Background Position
  • Background Repeat
  • Background Size
Border
  • Border Color
  • Border Radius
  • Border Style
  • Border Width
Flexbox
  • Align Content
  • Align Items
  • Align Self
  • Flex
  • Flex Direction
  • Flex Display
  • Flex Grow
  • Flex Shrink
  • Flex Wrapping
  • Justify Content
Space
  • Margin
  • Padding
Size
  • Height
  • Width
Tables
  • Border Collapse
  • Table Layout
Effects
  • Box Shadow
  • Opacity
Interactivity
  • Appearance
  • Cursor
  • Outline
  • Pointer Events
  • Resize
  • User Select
Svg
  • Fill
  • Stroke
logo
Effects
Opacity
opacity-{level}
Generated from theme.opacity
0
0
25
.25
50
.5
75
.75
100
1

opacity-100
opacity-75
opacity-50
opacity-25
opacity-0
Previous
Box Shadow
Next
Appearance