Sublime

No Dawn. No Shopify CLI. No React. No Hydrogen. The costs? JS (64kb) and CSS (22kb). Shopify's required scripting that injects from {{ content_for_header }} executes on first run only and never again after that. No apps because we live in a society.... See more

Made 5 tab styles without touching the original @shadcn component ✨ https://t.co/Zseuuzhkyj

CSS https://t.co/pzfUw4Sg7Y

CSS Trick! ⚡️ You can create gradient borders by using transparent borders 👀 No extra elements 🤙 article { background: // layer them up with different origin! linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient) border-box;___... See more

CSS Tip! 💪 You can create these tab controls with CSS :has() + radio buttons ✨ .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } .tabs::after { translate: calc(var(--active, 0) * 100%) 0; width:... See more

How to create a customizable 'flipped' border-radius in CSS ↓ https://t.co/gMunU84ByO