Year round learning for product, design and engineering professionals

Web Directions Hover ’22 session spotlight–Real-world CSS custom props

Real-world CSS custom props

A few years ago we decided CSS custom properties were the future for our UI library, and we’ve been reducing the focus on SCSS ever since.

Custom props have added a useful new facet to our design system’s API; and given us the power of runtime variables across a platform-agnostic environment.

But CSS Custom Properties changed our CSS more fundamentally than we expected. We needed to break free of old habits to allow their strength to come to the fore.

Ben Buchanan

Ben Buchanan started creating web pages in the nineties, while completing a degree in everything but I.T. He has created frontend systems for companies including News Ltd, Atlassian, Ansarada and Quantium. He probably thinks about markup too much. He can be found at @200okpublic and http://weblog.200ok.com.au/

photo of Ben Buchanan. Text reads "Real-world CSS custom props Ben Buchanan Engineering Lead Quantium Web Directions hover 2022 The conference CSS deserves"

In 2022 we have a whole series of events for Front End Developers

Across 2022 Web Directions is presenting our series of online conferences for front end designers and developers. Focussed deep dives, they go far beyond what you might expect from conference programs.

Learn more and register now

banners for all of our 2022 events

Priced individually from $195, or attend all 6, plus get access to our conference presentation platform Conffab for just $595, or $59 a month.

delivering year round learning for front end and full stack professionals

Learn more about us

I have yet to have an end-to-end conference experience that was as professional as what was provided by Web Directions

Joe Toscano Founder, designgood.tech