Style_Queries

All Articles

• Self-Modifying Variables: the inherit() Workaround

  April 18, 2024 with tags: #CSS Variables #Style Queries #CSS Logic #Future CSS #Experiment #CSS

  Style queries will unlock many doors. An ability to alternate a value of any variable that I presented in my previous article might seem to be trivial by itself, but what if there is a hidden depth in how we can utilize it? One interesting case is the ability to emulate inherit() — a way to access the previous state of a custom property.

• Alternating Style Queries

  April 16, 2024 with tags: #Style Queries #Future CSS #Experiment #CSS

  With the container style queries on the horizon, it is a good time to do more experiments with them. In one of my recent experiments, I found out that style queries will allow us to do what the currently specified (but not implemented by anyone) function toggle() was supposed to.

• Layered Toggles: Optional CSS Mixins

  April 9, 2024 with tags: #CSS Layers #CSS Variables #CSS Logic #Style Queries #Experiment #Practical #CSS

  In this article, I am sharing the next evolution of space & cyclic toggles, which allows us to create and apply optional mixins in CSS with the help of custom cascade layers, available today in every browser that supports them.

• Cyclic Dependency Space Toggles

  June 14, 2023 with tags: #CSS Variables #CSS Logic #Style Queries #Experiment #Practical #CSS

  Over the past few years, I wanted to be able to select a value from a list in CSS by toggling a single custom property. We have the “space toggle” for booleans, and hopefully, one day, we’ll get style queries, but what about today? In this article, I present you with the technique I recently discovered.