Codex Direction:
Size
Size
| Name | Value |
|---|---|
| size-base | 32px Defined in Refers to TODO: Should be a relative size. Deprecate key and change to `size-component`? |
| size-full | 100% Defined in Refers to |
| size-icon | 20px Defined in Refers to TODO: This has to be a relative value, for accessibility reasons. |
| size-indicator | 12px Defined in Refers to TODO: This has to be a relative value, for accessibility reasons. |
Min-size
| Name | Value |
|---|---|
| min-size-base | 32px Defined in Refers to TODO: Deprecate key and change to `min-size-component`? |
| min-size-icon | 20px Defined in Refers to |
Width
| Name | Value |
|---|---|
| width-x-small | 24px Defined in Refers to |
| width-small | 128px Defined in Refers to |
| width-medium | 256px Defined in Refers to |
| width-large | 384px Defined in Refers to |
| width-x-large | 512px Defined in Refers to |
| width-full | 100% Defined in Refers to |
Max-width
| Name | Value |
|---|---|
| max-width-base | none Defined in Refers to |
| max-width-button | 448px Defined in Refers to Note, that this is a slight amendment from WikimediaUI Base from `28.75em` = `460px` to `448px` |
Min-height
| Name | Value |
|---|---|
| min-height-x-small | 20px Defined in Refers to |
| min-height-small | 24px Defined in Refers to |
| min-height-medium | 32px Defined in Refers to |
| min-height-large | 40px Defined in Refers to |
| min-height-x-large | 48px Defined in Refers to |
Min-width
| Name | Value |
|---|