CSS custom properties: benefit from the future of CSS today

Session description

What are CSS custom properties (aka CSS variables) and why are they useful in general? How can we utilize them in Drupal themes in order to have a customizable color palette?

All of you might have already heard about CSS custom properties but haven’t used because they aren’t compatible with all of the commonly used browsers. This isn’t the case anymore. The number of browsers with support for it is higher today and we also have workarounds for browsers that still haven’t implemented this feature. Why not start using its benefits in our Drupal themes already?

In this session you will hear about:

  • CSS properties syntax and how they work

  • how to override colors from Drupal theme settings,

  • how to set up your Gulp task to handle CSS custom properties,

  • and some code samples for all the above :)

Session time

About the speaker