frutjam/dist/components/hero.css

CSS-only Tailwind CSS v4 component library. 65+ accessible UI components, zero JavaScript, WCAG AA guaranteed. Free MCP server for AI editors included.

/*! frutjam v2.2.5 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.hero-content{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4);isolation:isolate;max-width:80rem}.hero{display:grid;place-items:center;background-size:cover;background-position:50%;width:100%;&>*{grid-column-start:1;grid-row-start:1}}.hero-overlay{background-color:var(--color-neutral-500);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-neutral-500) 50%,transparent)}grid-column-start:1;grid-row-start:1;width:100%;height:100%}