frutjam/dist/components/surface.css

A utility-first CSS UI Library for Tailwind CSS

/*! frutjam v2.2.1 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */.surface-rounded{border-radius:calc(var(--border-radius)*2)}.surface-dashed{background-color:transparent;border-width:1px;border-style:dashed;border-color:var(--color-base-soft)}.surface-outline{background-color:transparent;border-width:1px;border-style:solid;border-color:var(--color-base-soft)}.surface{--surface--bg-color:var(--color-base);--surface--color:var(--color-on-base);background-color:var(--surface--bg-color);color:var(--surface--color);padding:var(--surface--padding)}.surface-1{--surface--bg-color:var(--color-base-soft);--surface--color:var(--color-on-base)}.surface-2{--surface--bg-color:var(--color-base-active);--surface--color:var(--color-on-base)}.surface-lg{--surface--padding:2rem}.surface-md{--surface--padding:1.5rem}.surface-sm{--surface--padding:1rem}.surface-xl{--surface--padding:2.5rem}.surface-xs{--surface--padding:0.5rem}