TokensOpacity

Opacity

Locked scale matching the state-layer opacities. Use these instead of inline /10 /20 /30 fractions.

Locked

Locked tokens

5 tokens

--opacity-disabledLocked

Light: 0.5

opacity 0.5

--opacity-hoverLocked

matches --state-hover

Light: 0.06

opacity 0.06

--opacity-loadingLocked

Light: 0.7

opacity 0.7

--opacity-overlayLocked

Light: 0.3

opacity 0.3

--opacity-pressedLocked

matches --state-active

Light: 0.12

opacity 0.12