var(--color-black)
colorBlack
var(--color-white)
colorWhite
var(--color-highlight)
colorHighlight
var(--color-dark--shade-1)
colorDarkShade1
var(--color-dark--shade-2)
colorDarkShade2
var(--color-dark--shade-3)
colorDarkShade3
var(--color-light--shade-1)
colorLightShade1
var(--color-light--shade-2)
colorLightShade2
var(--color-light--shade-3)
colorLightShade3
var(--color-accent--shade-1)
colorAccent1Shade1
var(--color-accent--shade-2)
colorAccent1Shade2
var(--color-accent--shade-3)
colorAccent1Shade3
var(--color-accent--shade-4)
colorAccent1Shade4
var(--color-accent--shade-5)
colorAccent1Shade5
var(--color-accent--shade-1)
colorAccent2Shade1
var(--color-accent--shade-2)
colorAccent2Shade2
var(--color-accent--shade-3)
colorAccent2Shade3
var(--color-accent--shade-4)
colorAccent2Shade4
var(--color-accent--shade-5)
colorAccent2Shade5
var(--color-positive--shade-1)
colorPositiveShade1
var(--color-positive--shade-2)
colorPositiveShade2
var(--color-positive--shade-3)
colorPositiveShade3
var(--color-positive--shade-4)
colorPositiveShade4
var(--color-positive--shade-5)
colorPositiveShade5
var(--color-negative--shade-1)
colorNegativeShade1
var(--color-negative--shade-2)
colorNegativeShade2
var(--color-negative--shade-3)
colorNegativeShade3
var(--color-negative--shade-4)
colorNegativeShade4
var(--color-negative--shade-5)
colorNegativeShade5
General | CSS | |
---|---|---|
x1 | var(--size--x1) | |
x2 | var(--size--x2) | |
x3 | var(--size--x3) | |
x4 | var(--size--x4) | |
x6 | var(--size--x6) | |
x8 | var(--size--x8) | |
x10 | var(--size--x10) | |
x12 | var(--size--x12) | |
x16 | var(--size--x16) |
Border | CSS | |
---|---|---|
x1 | var(--border-size--x1) | |
x2 | var(--border-size--x2) | |
x3 | var(--border-size--x3) |
Border Radius | CSS | |
---|---|---|
x1 | var(--border-radius-size--x1) | |
x2 | var(--border-radius-size--x2) | |
x3 | var(--border-radius-size--x3) |
<Icons.Activity />
.