Eased Stylesheet – shadcn/ui Component by eased | shadcnregistry

Eased Stylesheet – shadcn/ui Component by eased | shadcnregistry

Theme

--color-bg:

var(--eased-bg)

--color-surface:

var(--eased-surface)

--color-surface-sunken:

var(--eased-surface-sunken)

--color-surface-raised:

var(--eased-surface-raised)

--color-surface-hover:

var(--eased-surface-hover)

--color-surface-active:

var(--eased-surface-active)

--color-line-subtle:

var(--eased-line-subtle)

--color-line:

var(--eased-line)

--color-line-strong:

var(--eased-line-strong)

--color-text:

var(--eased-text)

--color-text-secondary:

var(--eased-text-secondary)

--color-text-muted:

var(--eased-text-muted)

--color-text-disabled:

var(--eased-text-disabled)

--color-text-on-brand:

var(--eased-text-on-brand)

--color-brand:

var(--eased-brand)

--color-brand-hover:

var(--eased-brand-hover)

--color-brand-active:

var(--eased-brand-active)

--color-brand-subtle:

var(--eased-brand-subtle)

--color-brand-line:

var(--eased-brand-line)

--color-brand-text:

var(--eased-brand-text)

--color-success:

var(--eased-success)

--color-success-subtle:

var(--eased-success-subtle)

--color-success-text:

var(--eased-success-text)

--color-text-on-success:

var(--eased-text-on-success)

--color-warning:

var(--eased-warning)

--color-warning-subtle:

var(--eased-warning-subtle)

--color-warning-text:

var(--eased-warning-text)

--color-text-on-warning:

var(--eased-text-on-warning)

--color-danger:

var(--eased-danger)

--color-danger-hover:

var(--eased-danger-hover)

--color-danger-active:

var(--eased-danger-active)

--color-danger-subtle:

var(--eased-danger-subtle)

--color-danger-text:

var(--eased-danger-text)

--color-text-on-danger:

var(--eased-text-on-danger)

--color-info:

var(--eased-info)

--color-info-subtle:

var(--eased-info-subtle)

--color-info-text:

var(--eased-info-text)

--color-text-on-info:

var(--eased-text-on-info)

--color-focus:

var(--eased-focus)

--color-selection:

var(--eased-selection)

--color-scrim:

var(--eased-scrim)

--color-image-ring:

var(--eased-image-ring)

--shadow-resting:

var(--eased-shadow-resting)

--shadow-raised:

var(--eased-shadow-raised)

--shadow-floating:

var(--eased-shadow-floating)

--shadow-overlay:

var(--eased-shadow-overlay)

--shadow-thumb:

var(--eased-shadow-thumb)

--inset-shadow-well:

var(--eased-inset-well)

--inset-shadow-highlight:

var(--eased-inset-highlight)

--radius-pill:

var(--eased-radius-pill)

--radius-surface:

var(--eased-radius-surface)

--radius-panel:

var(--eased-radius-panel)

--radius-control:

var(--eased-radius-control)

--radius-control-sm:

var(--eased-radius-control-sm)

--radius-control-xs:

var(--eased-radius-control-xs)

--radius-control-2xs:

var(--eased-radius-control-2xs)

--spacing-control-xs:

var(--eased-control-xs)

--spacing-control-sm:

var(--eased-control-sm)

--spacing-control-md:

var(--eased-control-md)

--spacing-control-lg:

var(--eased-control-lg)

--spacing-control-xl:

var(--eased-control-xl)

--spacing-hit:

var(--eased-hit)

--text-ui-2xs:

0.6875rem

--text-ui-2xs--line-height:

1.35

--text-ui-2xs--letter-spacing:

0.005em

--text-ui-xs:

0.75rem

--text-ui-xs--line-height:

1.35

--text-ui-xs--letter-spacing:

0em

--text-ui-sm:

0.8125rem

--text-ui-sm--line-height:

1.4

--text-ui-sm--letter-spacing:

-0.003em

--text-ui:

0.875rem

--text-ui--line-height:

1.45

--text-ui--letter-spacing:

-0.006em

--text-ui-md:

1rem

--text-ui-md--line-height:

1.5

--text-ui-md--letter-spacing:

-0.011em

--text-ui-lg:

1.125rem

--text-ui-lg--line-height:

1.4

--text-ui-lg--letter-spacing:

-0.014em

--tracking-caps:

0.06em

--text-display-xl:

var(--eased-display-xl)

--text-display-xl--line-height:

1.3

--text-display-xl--letter-spacing:

-0.017em

--text-display-2xl:

var(--eased-display-2xl)

--text-display-2xl--line-height:

1.25

--text-display-2xl--letter-spacing:

-0.02em

--text-display-3xl:

var(--eased-display-3xl)

--text-display-3xl--line-height:

1.2

--text-display-3xl--letter-spacing:

-0.021em

--text-display-4xl:

var(--eased-display-4xl)

--text-display-4xl--line-height:

1.15

--text-display-4xl--letter-spacing:

-0.022em

--text-display-5xl:

var(--eased-display-5xl)

--text-display-5xl--line-height:

1.1

--text-display-5xl--letter-spacing:

-0.022em

--text-display-6xl:

var(--eased-display-6xl)

--text-display-6xl--line-height:

1.05

--text-display-6xl--letter-spacing:

-0.025em

--tracking-display:

var(--eased-tracking-display)

--spacing-in-xs:

var(--eased-space-in-xs)

--spacing-in-sm:

var(--eased-space-in-sm)

--spacing-in:

var(--eased-space-in)

--spacing-in-lg:

var(--eased-space-in-lg)

--spacing-pad-xs:

var(--eased-pad-xs)

--spacing-pad-sm:

var(--eased-pad-sm)

--spacing-pad-base:

var(--eased-pad-base)

--spacing-pad-md:

var(--eased-pad-md)

--spacing-pad-lg:

var(--eased-pad-lg)

--spacing-pad-xl:

var(--eased-pad-xl)

--spacing-tiles-sm:

var(--eased-gap-tiles-sm)

--spacing-tiles:

var(--eased-gap-tiles)

--spacing-tiles-lg:

var(--eased-gap-tiles-lg)

--spacing-group:

var(--eased-gap-group)

--spacing-group-lg:

var(--eased-gap-group-lg)

--spacing-section-sm:

var(--eased-gap-section-sm)

--spacing-section:

var(--eased-gap-section)

--ease-enter:

var(--eased-ease-enter)

--ease-standard:

var(--eased-ease-standard)

--ease-exit:

var(--eased-ease-exit)

--ease-spring-snappy:

var(--eased-spring-snappy)

--ease-spring-smooth:

var(--eased-spring-smooth)

--ease-spring-bouncy:

var(--eased-spring-bouncy)

CSS