Skip to content
Telescope

Opacity

We use opacity for overlays, shadows and illustrative effects.
TokenAlphaExample
opacity01
0.01
opacity05
0.05
opacity10
0.1
opacity20
0.2
opacity30
0.3
opacity40
0.4
opacity50
0.5
opacity60
0.6
opacity70
0.7
opacity80
0.8
opacity90
0.9

Usage

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


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