| var(--grn-border-size) | 1px |
|
| var(--grn-cap) | var(--grn-cap-value) |
|
| var(--grn-field-paddingX) | var(--grn-space-s2) |
| var(--grn-field-border-color) | var(--grn-color-fade3) |
| var(--grn-field-border-color-hover) | var(--grn-color-fade6) |
| var(--grn-field-border-color-focus) | var(--grn-color-shade9) |
| var(--grn-field-border-color-disabled) | var(--grn-color-shade5) |
| var(--grn-field-background-disabled) | var(--grn-color-shade2) |
| var(--grn-field-placeholder-color) | var(--grn-color-shade7) |
|
| var(--grn-textbox-height-s) | 28px |
| var(--grn-textbox-paddingX-s) | var(--grn-space-s) |
| var(--grn-textbox-radius-s) | var(--grn-radius-xs) |
| var(--grn-textbox-text-s) | var(--grn-text-s) |
| var(--grn-textbox-height-m) | 40px |
| var(--grn-textbox-paddingX-m) | var(--grn-space-m) |
| var(--grn-textbox-radius-m) | var(--grn-radius-s) |
| var(--grn-textbox-text-m) | var(--grn-text-m) |
|
| var(--grn-clearbutton-height) | 36px |
|
| var(--grn-form-title-content-gap) | var(--grn-space-l) |
| var(--grn-form-contents-gap) | var(--grn-space-m) |
| var(--grn-form-content-actions-gap) | var(--grn-space-xl) |
| var(--grn-form-control-label-gap) | var(--grn-space-s) |
|
| var(--grn-transition-leave) | var(--grn-transition-slow) |
| var(--grn-transition-hover) | var(--grn-transition-fast) |
| var(--grn-transition-active) | var(--grn-transition-xxFast) |