@birtycom/omniacss-cli (英语)
npm install -D @birdycom/omniacss-cli
npx omniacss init # omnia.config.json (detects Laravel, Astro, Nuxt, Vite)
npx omniacss build --watch # only the CSS your project uses
npx omniacss build --minify
npx omniacss migrate scan # Tailwind CSS -> OmniaCSS (needs @birdycom/omniacss-migrate)
选项 : -c/--content <glob>, (中文(简体) ), -o/--output <file>, (中文(简体) ), --no-components, (中文(简体) ), --no-layer. 节点.js 22+. 麻省理工学院
建筑扫描您的文件, 以查找类名 。 一个你编成代码的班级,例如
'oc-icon-tile--'.$size 在 PHP 中或 `text-${color}` 在 JavaScript 中,没有找到并被忽略。 写
完全姓名,或列在 keep 内 omnia.config.json数字 :
{ "keep": ["oc-icon-tile--sm", "oc-icon-tile--lg", "oc-icon-tile--xl"] }
桌面应用程序的主题符号
原生工具包没有CSS引擎. omniacss tokens 写入每个模式(浅/暗)解决的主题符号,
无 var(),作为像 CSS Corl 4 那样的 sRGB 十六进取图,OmniaCSS 版本印有:
npx omniacss tokens --format json --out tokens/omnia.tokens.json
npx omniacss tokens --format python --out myapp/omnia_tokens.py
npx omniacss tokens --format dtcg --out tokens/omnia.dtcg.json # W3C Design Tokens
npx omniacss tokens --format css --out css/oc-theme.css # the web side of the same source
--source <file> 使用您自己的副本 @birdycom/omniacss/tokens/semantic.json (再主题); --out - 打印到 stdout.
组件和块
部件和块移至 欧姆尼亚乌伊 (单位:千美元)@birdycom/omniaui) (中文(简体) ). 复制到您的项目中 与它的CLI:
npm install -D @birdycom/omniaui
npx omniaui add button modal
npx omniaui list -f vue
omniacss build 仍然包括OmniaUI CSS 当 @birdycom/omniaui (和,与 "blocks": true 内
omnia.config.json, (中文(简体) ), @birdycom/omniaui-blocks)是安装的,当 @birdycom/omniaui-pro
已安装( e)"pro": false 关掉它。 关闭组件 --no-components。 。 。 .