Pasta UI Styles

item

Shared card shadow, surface shadow and heading/label utilities used across Pasta UI components.

pnpm dlx shadcn@latest add "https://pastaui.com/r/pastaui-styles.json"

Pasta UI Styles – shadcn/ui Component by pastaui | shadcnregistry

item

Shared card shadow, surface shadow and heading/label utilities used across Pasta UI components.

pnpm dlx shadcn@latest add "https://pastaui.com/r/pastaui-styles.json"

Light Mode

--card-outline:

lch(0 0 0 / 8.8%)

--card-shadow:

0 0 0 0.5px var(--card-outline), 0 3px 6px -2px lch(0 0 0 / 2%), 0 1px 1px 0 lch(0 0 0 / 4%)

--linear-surface-shadow:

0 3px 6px -2px lch(0 0 0 / 2%), 0 1px 1px 0 lch(0 0 0 / 4%)

Dark Mode

--card-outline:

lch(100 0 0 / 8.8%)

Theme

--shadow-card:

var(--card-shadow)

--shadow-linear-surface:

var(--linear-surface-shadow)

CSS

Light Mode

--card-outline:

lch(0 0 0 / 8.8%)

--card-shadow:

0 0 0 0.5px var(--card-outline), 0 3px 6px -2px lch(0 0 0 / 2%), 0 1px 1px 0 lch(0 0 0 / 4%)

--linear-surface-shadow:

0 3px 6px -2px lch(0 0 0 / 2%), 0 1px 1px 0 lch(0 0 0 / 4%)

Dark Mode

--card-outline:

lch(100 0 0 / 8.8%)

Theme

--shadow-card:

var(--card-shadow)

--shadow-linear-surface:

var(--linear-surface-shadow)

CSS