Search
Solved by CSS: Donuts Scopes
22.11.2024
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scope at-rule. This allows for more precise CSS styling, safeguarding content from unwanted inheritance...
2024: More CSS At-Rules Than the Past Decade Combined
9.10.2024
More times than I can count, while writing, I get myself into random but interesting topics with little relation to the original post. In the end, I have to make the simple but painful choice of deleting or archiving hours …
2024: More CSS At-Rules Than the Past Decade Combined originally...
Recipes for Detecting Support for CSS At-Rules
7.10.2024
The @supports at-rule has been extended several times since its initial release. Once only capable of checking support for property/value pairs, it can now check for a selector using the selector() wrapper function and different font formats and techs using …
Recipes for Detecting Support...
SEC Chair Gensler Argues That Rules Already Exist To Regulate Crypto in Light of Coinbase Pushback
15.5.2023
US Securities and Exchange Commission’s Chair Gary Gensler pushed back against Coinbase’s call to have the agency propose and adopt rules for digital assets.
Gensler was asked on Monday during Atlanta Fed's 2023 Financial Markets Conference to comment on the dispute with Coinbase why the...
A Practical Tip For Using Sass Default Parameters
13.1.2022
Sass offers functions and mixins that accept parameters. You can use Sass default parameters, that is, parameters that have a value even if you don’t provide them when the function or mixin is called.
Let’s focus on mixins here. …
A Practical Tip For Using Sass Default...
@supports selector()
19.10.2021
I didn’t realize the support for @supports determining selector support was so good! I usually think of @supports as a way to test for property: value pair support. But with the selector() function, we can test for selector support …
The post @supports selector() appeared first...
Using Custom Properties to Wrangle Variations in Keyframe Animations
12.9.2019
Have you ever wondered how to customize CSS animations keyframes without using any preprocessor feature, like mixins? I keep reaching for preprocessors for this reason, but it would so nice to drop yet one more dependency and go with vanilla CSS.
Well, I found a way to account for variations within...
How much specificity do @rules have, like @keyframes and @media?
31.7.2019
I got this question the other day. My first thought is: weird question! Specificity is about selectors, and at-rules are not selectors, so... irrelevant?
To prove that, we can use the same selector inside and outside of an at-rule and see if it seems to affect specificity.
body {
background:...