The :heading pseudo-class selector is now available in Safari Tech. Preview (as well as Firefox Nightly (behind a flag)).

:heading(1, 3) {
color: #bada55;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:heading_function

https://github.com/WebKit/WebKit/commit/a318b9ffedeaf33a639f45724b6ef63bda68e90f

Today I learned that #bada55 is a color 😆

#til #tipoftheday

@NanoRaptor

I was creating a swatch of #BADA55 (#KerbalSpaceProgram reference) when GIMP froze hard and I had to force shutdown my entire system. Then I knew it was time to call it a day. Yeesh.

Freaking 12th Gen Intel. So unstable.

I'm in a Sass project that uses stuff we used to do all the time and it worked just fine:

$color: #bada55;
$other-color: rgba($color, .75);

But rgba() is legacy syntax. Turns out, there is now truly acceptable way forward in sass. You can't rgb($color / .75), sass complains that color channels are missing. You can't rgb(#{$color} / .75), sass interprets this as a mathematical operation. list.slash() also doesn't help in this instance.

I would love to know how one would go about it

#css #sass