frutjam/dist/components/surface.css

CSS-only Tailwind CSS v4 component library, also usable with UnoCSS or no build step at all. 65+ accessible UI components, zero JavaScript, WCAG AA guaranteed. Free MCP server for AI editors included.

/*! frutjam v2.3.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.surface-rounded{border-radius:calc(var(--border-radius) * 2)}.surface-dashed{border-style:dashed}.surface-dashed,.surface-outline{background-color:transparent;border-width:1px;border-color:var(--color-base-soft)}.surface-outline{border-style:solid}.surface{--surface--bg-color:var(--color-base);background-color:var(--surface--bg-color);color:var(--surface--color);padding:var(--surface--padding)}.surface,.surface-1,.surface-2{--surface--color:var(--color-on-base)}.surface-1{--surface--bg-color:var(--color-base-soft)}.surface-2{--surface--bg-color:var(--color-base-active)}.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}