Design System:Button、Input、Card、Modal 样式层 | CSS

本章覆盖:primitive token;semantic token;color;spacing;radius;typography;shadow / elevation;z-index;button variants;input states;card layout;modal overlay;disabled / focus / error;dark mode;CSS API 一致性;避免每个页面自己重新定义视觉规则。

本章知识点

  • primitive token
  • semantic token
  • color
  • spacing
  • radius
  • typography
  • shadow / elevation
  • z-index
  • button variants
  • input states
  • card layout
  • modal overlay
  • disabled / focus / error
  • dark mode
  • CSS API 一致性
  • 避免每个页面自己重新定义视觉规则