Дизайн-система

Токены, отступы, тени и UI-гайдлайн.

design.colors

--leo-accent
—
--leo-accent-2
—
--leo-text
—
--leo-muted
—
--leo-card-bg
—
--leo-card-border
—

design.semantic.title

design.semantic.desc

--leo-success
—
—
--leo-warning
—
—
--leo-danger
—
—
--leo-info
—
—

design.spacing.title

design.spacing.desc

4px
8px
12px
16px
20px
24px
32px
40px

design.shadows.title

--leo-shadow
--leo-shadow-lg

Руководство

  • Use btn class for primary actions.
  • Use leo-card for panel-like elements.
  • Place page content inside .container.
  • Tokens react to the theme and user overrides from leo.vars.css.