Opacity tokens

Ex. Token name Value Use case
--rh-opacity-0 0%

0% opacity

Full CSS Variable Permalink to this token
--rh-opacity-10 10%

10% opacity

Full CSS Variable Permalink to this token
--rh-opacity-20 20%

20% opacity

Full CSS Variable Permalink to this token
--rh-opacity-30 30%

30% opacity

Full CSS Variable Permalink to this token
--rh-opacity-40 40%

40% opacity

Full CSS Variable Permalink to this token
--rh-opacity-50 50%

50% opacity

Full CSS Variable Permalink to this token
--rh-opacity-60 60%

60% opacity

Full CSS Variable Permalink to this token
--rh-opacity-70 70%

70% opacity

Full CSS Variable Permalink to this token
--rh-opacity-80 80%

80% opacity

Full CSS Variable Permalink to this token
--rh-opacity-90 90%

90% opacity

Full CSS Variable Permalink to this token
--rh-opacity-100 100%

100% opacity

Full CSS Variable Permalink to this token

Other libraries

To learn more about our other libraries, visit the getting started page.