Skip to content
Telescope

Opacity

We use opacity for overlays, shadows and illustrative effects.
TokenAlphaExample
opacity010.01
opacity050.05
opacity100.1
opacity200.2
opacity300.3
opacity400.4
opacity500.5
opacity600.6
opacity700.7
opacity800.8
opacity900.9

Usage

import {tokens} from '@pleo-io/telescope'


const element = styled.div`
    opacity: ${tokens.opacity80};
`