Styling/ Size

Utilities for all things related to size.

USS variables

List of USS variables for length.

Format: --length-{value}

Values

0, 1, 2, 4, 6, 8, 10, 12, 14, 16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 80, 96, 112, 128, 144, 160, 176, 192, 208, 224, 240, 256, 288, 320, 384, 448, 512, 640, 768, 896, 1024.

Add "-neg" suffix for negative values.

Usage

Utility Classes

Variants

Utility classes has 2 versions; fixed pixel sizes and percentage. Here is a list of them, you will see how they are used in the next sections.

Size

Sets both width and height to the same value.

Min/Max Size

Sets both min/max width and height to the same value.

Width

Min/Max Width

Height

Min/Max Height

Margin

Padding