Size
Use size-{value} utilities to set both the width and height of an element at the same time.
Style('size-16 ...', child: Text('size-16'))Style('size-20 ...', child: Text('size-20'))Style('size-24 ...', child: Text('size-24'))Style('size-32 ...', child: Text('size-32'))Style('size-40 ...', child: Text('size-40'))Class reference
Section titled “Class reference”| Class | Value |
|---|---|
size-0 | 0px |
size-px | 1px |
size-0.5 | 2px |
size-1 | 4px |
size-2 | 8px |
size-4 | 16px |
size-6 | 24px |
size-8 | 32px |
size-10 | 40px |
size-12 | 48px |
size-16 | 64px |
size-20 | 80px |
size-24 | 96px |
size-32 | 128px |
size-48 | 192px |
size-64 | 256px |
size-full | 100% |
All spacing scale values are available. The size utility sets both width and height to the same value.