Round up of the different CSS properties that are coming to help us style underlines. Some work in some browsers today. All have fantastic fallbacks, so you can start using them now. (They do NOT break anything in IE11!)
The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself.
Now that Grid and Flexbox have dramatically improved the high-level layout possibilities in CSS, the CSS Working Group is moving on to the next-most-broken frontier of CSS layout: line layout. In this session we’ll go over upcoming features to improve CSS’s line box model, control half-leading, and maintain vertical rhythm.
In this article, Miriam takes a deeper dive into the ‘CSS Custom Properties for Cascading Variables’ specification to ask, “Why are they called custom properties, how do they work in the cascade, and what else can we do with them?” Pushing past the “variable” metaphor, custom properties can provide new ways to balance context and isolation in CSS patterns and components.