design tokens
opacidade
Opacidade é a propriedade que define o nível de transparência de um elemento.
opacidade
No design digital, a opacidade define o nível de transparência de um objeto, sendo 0 totalmente translúcido e 1 totalmente opaco. Pode ser usado na composição de sobreposições e sombras, entre outros elementos.
base tokens
Lista de base tokens utilizados para compor os tokens de opacidade.
| nome | valor | exemplo |
|---|---|---|
| $opacity-100 | 0.05 | |
| $opacity-200 | 0.1 | |
| $opacity-300 | 0.2 | |
| $opacity-400 | 0.4 | |
| $opacity-500 | 0.8 |
theme tokens
Lista de theme tokens utilizados para compor os tokens de opacidade.
| nome | grupo | exemplo |
|---|---|---|
| $opacity-base | $opacity-400 | |
| $opacity-strong | $opacity-500 |
uso
Em breve.