Adam Argyle

Add scalable font size import

2

prototype / demo https://codepen.io/argyleink/pen/Yzgbgzm ```css @layer demo { .scaleable { h1, h2, h3, h4 { font-size: calc(1rem * pow(var(--scale, 1.4), var(--heading-scale))); } h1 { --heading-scale: 4 } h2 { --heading-scale:...

Adapter for Uno

8

https://unocss.dev/presets/community

see this neat and tidy one here by George Francis https://codepen.io/georgedoescode/pen/XWjXbLW

Add social media brand colors pack

6

```css :where(html) { --facebook: #1877f2; --facebook-old: #3b5998; --twitter: #1da1f2; --youtube: #ff0000; --instagram: #c32aa3; --instagram-blue: #4c5fd7; --instagram-purple: #7232bd; --instagram-orange: #f46f30; --instagram-yellow: #ffdc7d; --google-blue: #4285f4; --google-red: #ea4335; --google-yellow: #fbbc05; --google-green: #34a853; --pinterest:...

https://codepen.io/argyleink/pen/zYbQBOm

Add `[popover]` to normalize

1

https://codepen.io/argyleink/pen/JjzqXee need to exclude `[popover]` from `margin: 0` reset too

Add `border-image` scrim style

3

```css figure { border-image: fill 0 linear-gradient(#0003, #000); } ``` https://codepen.io/t_afif/pen/vYbdVjb

using the current scales and reversing them isnt viable, also need some rotate in effects, and a box-shadow ping and small scale up

3 sizes of each, nice and easy to use? https://codepen.io/GeorgePark/pen/ZoaRrV

Currently the style only applies to the root scroller `html`, missing nested scrollers. This will match any of them that use url hash targets inside. Also adds scroll padding. Nice...