CSS variables
Site Studio provides access to various CSS variables from the Website settings, which can be utilized in the development of Custom Elements, Custom Components or the creation of a custom theme in Drupal.
See below a table of available CSS variables:
| 
 | 
 | |
|---|---|---|
| 
 | ||
| 
 | 
 | 
 | 
| 
 | ||
| 
 | 
 | 
 | 
| 
 | ||
| 
 | 
 | 
 | 
| 
 | 
 | 
 | 
| 
 | ||
| 
 | 
 | 
 | 
| 
 | ||
| 
 | 
 | 
 | 
| 
 | 
 | 
 | 
| 
 | 
 | 
 | 
| 
 | 
 | 
 | 
* The UID can be located on the relevant Website settings page, situated in the box adjacent to $coh-color or $coh-font, as applicable.
**CSS variable is designed to be responsive and will adapt accordingly when the media query conditions are met.
For more information on using CSS variables https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties 
 
  
  