Loops in CSS Preprocessors

Upcoming Workshop

Cascading Style Systems

A workshop on resilient & maintainable CSS

by Miriam

New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s a good time to step back and understand how these tools fit together in a declarative system – a resilient cascade of styles.

Register for the October workshop »

Recent Links

1. 

   Link post type

   5 Questions for Miriam Suzanne

   Miriam Suzanne at Frontend Dogma on Jul 15

   I talked with Jens Oliver Meiert over at Frontend Dogma about our work here at OddBird, what’s happening in the CSS Working Group, and advice for getting started in frontend development.

   see all Link posts
2. 

   Link post type

   CSS @scope

   Keep selector conflicts to a minimum

   Miriam Suzanne at 12 Days of Web on Dec 15

   The new @scope rule is here! It’s a better way to keep our component styles contained – without relying on third-party tools or extreme naming conventions.

   see all Link posts
3. 

   Link post type

   Sass Package Importer (Request for Comments)

   A new proposal for importing from NPM packages in Sass

   James Stuckey Weber at Sass Blog on Sep 26

   UI libraries like Vuetify and Bootstrap make it easy to extend their themes by providing Sass source files with their NPM packages. Now, Sass is requesting feedback on a simpler way to import those libraries into your Sass styles with e.g. @use "pkg:bootstrap".

   see all Link posts