with tags: #CSS Variables #CSS Counters #CSS Layers #Experiment #Practical #CSS
Do you write CSS? Do you use custom properties with calculations? Do you want to preview their values while you’re debugging them? What if you could do so by setting just one additional custom property? Without any JS? In this article, I present a native CSS mixin that will output various values as pseudo-elements.
with tags: #CSS Variables #CSS Logic #CSS Layers #Experiment #Practical #CSS
In my quest to push forward what is possible with custom properties in CSS, I discovered another application of cyclic dependencies. Combined with a prior technique based on custom cascade layers, we are now even closer to something that resembles native CSS mixins.
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.