Dynamic CSS (live-code)
Miriam Suzanne
CSS has come a long way since the browser wars of the late 90s. What used to be a struggle, is now often a breeze (see box-shadow or border-radius). But the last 2 years have pushed CSS into entirely new territory: with DOM-aware variables and calculations that can drive your design, without all the invasive Javascript.
In this session we'll discuss:
Introduction to Custom Properties & Calc()
Understanding Cascade vs Inheritance
Practical examples and use-cases for data-infused design
Integrating with CSS Grids to build on-the-fly layouts
https://design4drupal.org/sessions/site-buildingfront-end/dynamic-css-live-code
CSS has come a long way since the browser wars of the late 90s. What used to be a struggle, is now often a breeze (see box-shadow or border-radius). But the last 2 years have pushed CSS into entirely new territory: with DOM-aware variables and calculations that can drive your design, without all the invasive Javascript.
In this session we'll discuss:
Introduction to Custom Properties & Calc()
Understanding Cascade vs Inheritance
Practical examples and use-cases for data-infused design
Integrating with CSS Grids to build on-the-fly layouts
https://design4drupal.org/sessions/site-buildingfront-end/dynamic-css-live-code