该技能面向使用 unocss-preset-onmax 的 UnoCSS 工作流,重点是可选的属性模式(attributify)与基于 1px 基准的尺寸换算。
核心概念:属性模式用 attr="~ value" 形式书写,如 flex="~ col gap-8";流式间距使用 f- 前缀,如 f-px-md、f-pt-2xl;缩放换算中 1rem = 4px,故 p-16 等于 16px;hocus 同时表示 hover 与 focus,如 bg="neutral hocus:blue";size-X 同时设置宽高,如 size-40 为 40×40px。
何时加载子文件:配置 uno.config.ts 时加载 preset-onmax.md;编写组件样式时加载 attributify.md;处理响应式排版与间距时加载 fluid-sizing.md;处理状态选择器与暗色模式时加载 variants.md;使用 nimiq-css 工具类(nq-*)时加载 nimiq-css.md。不要一次加载全部文件,每个文件约 400-800 tokens,按需加载。
快速参考:属性模式语法示例包括 flex="~ col items-center gap-16"、text="f-xl neutral-800"、bg="neutral-0 hocus:neutral-50"、outline="~ 1.5 offset--1.5 neutral/10"。流式尺寸档位为 2xs=8/12、xs=12/16、sm=16/24、md=24/32、lg=32/48、xl=48/72、2xl=72/96。常见写法有 size-40 rounded-full(圆形按钮)、f-px-md f-pt-sm(流式内边距)、outline="1.5 offset--1.5"(内嵌描边)、hocus:bg-neutral-100(悬停与聚焦)、stack(居中网格叠层)。
限制:资料仅描述该工作流与加载策略,未提供安装命令、完整配置代码、版本要求或具体收费信息,这些暂未提供。基础提示约 250 tokens,每个子文件约 400-800 tokens。