Search documentation
No results found. Try a block name or setting label.
CSS Utility Classes
Short class names built into Dirigible Studio. Add one to a block's Additional CSS class(es) field to change spacing, layout, visibility, or motion without writing custom CSS.
Browse categories in the sidebar, or open How to use for applying classes and breakpoint prefixes.
Browse
- How to use Add utility classes to any block to change spacing, layout, visibility, or animation without custom CSS.
- Spacing Margin, padding, gap, and offset utility classes for blocks.
- Sizing Width, height, and aspect ratio utility classes.
- Layout Flex, grid, position, overflow, and object-fit utility classes.
- Typography Text alignment, size, weight, and list utility classes.
- Backgrounds Background color, gradient, overlay, and blur utility classes.
- Borders Border, rounded corner, and shadow utility classes.
- Effects Opacity, transform, and transition utility classes.
- States Hover, active, and scrolled-state utility classes.
- Visibility Show, hide, and responsive visibility utility classes.
- Animation Load animations, scroll animations, and animation duration classes.