mirror of
https://github.com/0xWheatyz/handler.git
synced 2026-08-30 11:16:24 +00:00
Claude Design
20 lines
760 B
CSS
20 lines
760 B
CSS
/* Leeworks effects — soft rounding, hairline borders, restrained shadows. */
|
|
:root{
|
|
--radius-sm:6px; --radius-md:8px; --radius-lg:10px; --radius-xl:16px; --radius-pill:999px;
|
|
|
|
--shadow-card:0 1px 2px rgba(20,20,19,.05);
|
|
--shadow-raised:0 2px 8px rgba(20,20,19,.07),0 1px 2px rgba(20,20,19,.05);
|
|
--shadow-overlay:0 12px 40px rgba(20,20,19,.14),0 2px 8px rgba(20,20,19,.06);
|
|
--shadow-focus:0 0 0 3px var(--focus-ring);
|
|
|
|
--ease-out:cubic-bezier(.2,.7,.3,1); /* @kind other */
|
|
--dur-fast:120ms; /* @kind other */
|
|
--dur-base:180ms; /* @kind other */
|
|
--dur-slow:280ms; /* @kind other */
|
|
}
|
|
[data-theme="dark"]{
|
|
--shadow-card:0 1px 2px rgba(0,0,0,.4);
|
|
--shadow-raised:0 2px 8px rgba(0,0,0,.5);
|
|
--shadow-overlay:0 12px 40px rgba(0,0,0,.6);
|
|
}
|