code-block.ts GitHub Gist: instantly share code, notes, and snippets.

Throw another on the Syntax highlighting pile!

gist.github.com/radium-v/721...

This custom element class is used to render code blocks with syntax highlighting (it's in use on any property page, ex. css.properties/animation-ti...)

NEW: Code blocks are now rendered with a `<code-block>` custom element.

NEW: Formal Syntax blocks are expanded to include referenced types (type pages coming soon!).

NEW: Client-side JS is bundled and minified with esbuild.

NEW: it's getting late. I should go to bed.

css.properties/justify-self/

NEW: There's a sitemap.xml so search engines can actually index this thing.

NEW: The site footer says when the last build happened (deployment is currently still a 2-step process: 1. Drag; 2. Drop)

NEW: Did you do something with your hair? You're absolutely glowing.

css.properties/timeline-scope/

text-emphasis-style: sesame;

A screenshot of the grid-area page from css.properties/grid-area/

css.properties exists now!

stroke-linecap: butt;

```css
*,
*::before,
*::after {
outline: 1px dashed \#F0F3;

&:hover {
outline: 1px solid \#F0FF;
}
}
```

font-variant-numeric: tabular-nums;

corner-start-end-shape: scoop;

#css

math-style: compact;

text-wrap: handsome;

Vmin = 5 liter

If you also struggle with #CSS units and what they mean, I just learned from a petrol pump about vmin.

Marge Simpson: "...It's true, but he shouldn't say it"

drafts.csswg.org/css-syntax-3...

::-webkit-meter-even-less-good-value

CSS is Less now

Oh `@sheet`

`lightning-color: yellow;`

CSS Wish List 2025 Back in 2023, I belatedly jumped on the bandwagon of people posting their CSS wish lists for the coming year.  This year I’m doing all that again, less belatedly! (I didn’t do it last year because I c...

⌨️ I blogged about what I’d like to see come to #CSS in 2025. Some of my wishes are repeats from past years, but it was nice to see how many past wishes have (or are about to) come true! meyerweb.com/eric/thought...

Did you know CSS is on the path to support Functions and Mixins?

Forget debating whether HTML is a programming language, it’s time to tackle the growing beast that is CSS.

github.com/w3c/csswg-dr...

We're all so allergic to things like `!important` and render blocking that we can't even identify when they might be useful or even necessary.

word-break: break-word;

Focus By Demotion
a use case for #CSS `:hover > :not(:hover)`

nerdy.dev/hover-not-ho...

border-start-start-radius: 50%;

CSS is a programming language

all: initial;