Adam Argyle

icon indicating a website link https://nerdy.dev icon indicating an email [email protected]

icon company ex-Google icon location Seattle icon location Teacher, Speaker, @CSSWG, creator of Open Props and VisBug and other CSS and design tools and interactives.

Results 274 issues of Adam Argyle

Support, aggregate and distribute `@function`

```css @function --light-dark(--light, --dark) { result: var(--light); @container style(--theme: dark) { result: var(--dark); } @container style(--theme: system) { @media (prefers-color-scheme: dark) { result: var(--dark); } } } ``` Creating a...

enhancement
new props

Negative prop packs

10 comment

`calc(-1 * var(--size-3))` is annoying to write and unintuitive to read. @felix-bohlin suggested in Discord to use `var(--size-3-)` with a trailing `-` to signify a negative value. thoughts on this...

enhancement
new props

Animate details in normalize.css

https://developer.chrome.com/docs/css-ui/animate-to-height-auto/ also add animated details ```css @supports (interpolate-size: allow-keywords) { :root { interpolate-size: allow-keywords; } details { transition: height 0.5s ease; height: 2.5rem; &[open] { height: auto; overflow: clip; /*...

`content-size` props should be a root relative unit

should be using `rch` instead of `ch`