AkurAI-Framework / crates/ui/src/base.css

Latest change 3aae9f4e85241bcb775c31f5c03094becd3da56a - Pure-Rust UI layer: akurai-ui, akurai-crypto, Tailwind-grade akurai-css by Ólafur Búi Ólafsson

/* akurai-ui base — reset and element defaults. Tokens come from akurai-css themes. */
*,*::before,*::after{box-sizing:border-box;border:0 solid var(--border);margin:0;padding:0}
html{-webkit-text-size-adjust:100%;tab-size:4;--font-sans:"Inter Tight","Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius:6px}
body{min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit;background:transparent;letter-spacing:inherit}
button,[role=button]{cursor:pointer}
button:disabled{cursor:not-allowed}
a{color:inherit;text-decoration:inherit}
img,svg{display:block;vertical-align:middle}
ul,ol{list-style:none}
h1,h2,h3,h4{font-size:inherit;font-weight:inherit}
table{border-collapse:collapse}
::placeholder{color:var(--muted);opacity:1}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
dialog{color:inherit}
@keyframes ak-fade-in{from{opacity:0}to{opacity:1}}
@keyframes ak-pop-in{from{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes ak-slide-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ak-overlay{animation:ak-fade-in .15s ease-out}
.ak-dialog{animation:ak-pop-in .16s ease-out}
.ak-toast{animation:ak-slide-up .18s ease-out}
@media (prefers-reduced-motion:reduce){.ak-overlay,.ak-dialog,.ak-toast{animation:none}}