悟空CSS框架

一个小的、轻类的CSS框架。样式纯HTML元素，添加少量 组件和实用程序，并且不会妨碍您。~5 KB的压缩文件。

开始

CDN

没有构建步骤——这在单个请求中提供了预绑定的、缩小的样式表：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/goku-css">

包管理器

安装与 pnpm add goku-css (或 npm / yarn)，然后从中选择一个：

// Everything, as source files — your bundler inlines the imports
import 'goku-css'

// Pre-bundled and minified, if you'd rather skip that step
import 'goku-css/bundle'

// Or cherry-pick only what you need
import 'goku-css/css/variables.css'
import 'goku-css/css/elements/button.css'

裸露的 goku-css 条目解析到源 css/goku.css 所以你的捆绑商可以 摇树，缩小，并应用自己的PostCSS/闪电CSS配置。cdn解析 与预构建的包名称相同 docs/index.css 相反，由于浏览器跟随 一连串的 @import否则S将为请求瀑布买单。

主题

一切都是自定义属性 :root． 覆盖你关心的人：

:root {
  --g-primary: #6d28d9;
  --g-primary-contrast: #fff;
  --g-border-radius: 4px;
}

颜色使用 light-dark()，因此一个声明涵盖了两个方案。看到 css/variables.css 查看完整列表。

发展

• pnpm dev -文档站点与热加载
• pnpm build ——重建 docs/
• pnpm lint ——stylelint