Opacity
Opacity scale for transparent overlays and muted elements. L1 provides 0, 0.05, 0.1, 0.2, 0.4, 0.6, 0.8, 1. L2 names them (hidden, faint, subtle, light, medium, heavy, strong, opaque) for semantic use in interactive states.
Opacity Demo
L1 primitives (primitives.opacity.*)
--lb-opacity-0
0
--lb-opacity-5
0.05
--lb-opacity-10
0.1
--lb-opacity-20
0.2
--lb-opacity-40
0.4
--lb-opacity-60
0.6
--lb-opacity-80
0.8
--lb-opacity-100
1
L2 semantic aliases (semantic.opacity.*)
--lb-opacity-hidden
→ 0
--lb-opacity-faint
→ 0.05
--lb-opacity-subtle
→ 0.1
--lb-opacity-light
→ 0.2
--lb-opacity-medium
→ 0.4
--lb-opacity-heavy
→ 0.6
--lb-opacity-strong
→ 0.8
--lb-opacity-opaque
→ 1