Skip to main
Link
Trans flag generated by CSS-only function

CSS Custom Properties In The Cascade

a deep-dive into what’s possible

Pushing past the “variable” metaphor, CSS Custom Properties can provide new ways to balance context and isolation in our patterns and components.

See more at Smashing Magazine »

A deeper dive into the [CSS Custom Properties for Cascading Variables][vars] specification. Why are they called custom properties, how do they work in the cascade, and what else can we do with them?

  1. Baseline Radio the color theme color-mix playlist
    Link post type

    Color Themes with Baseline CSS Features

    So, you have a site that you want to build or redesign. Maybe you have a few core colors in mind, and you’re thinking about how to quickly implement a theme based on those colors. Baseline features can help!

    see all Link posts
  2. Grid of hot air balloon images
    Link post type

    Baseline Layered UI Patterns: <dialog> and popover

    Elements and windows that pop up on the screen are one of the most common patterns on the web. With use cases spanning from alerts and brief forms requesting data, to the now ubiquitous cookie settings prompt, these layered UI patterns are used frequently by developers.

    see all Link posts
  3. Image gallery grid with pictures of dogs and birds.
    Link post type

    How to Implement an Image Gallery Using Baseline Features

    From image sharing sites to online stores, image galleries are a common pattern on the web. Images can be very data heavy, and loading images can make the page take a long time to load. In addition, users have high expectations around the usability of galleries, so it’s common to…

    see all Link posts