ワンクリックで
plugin-scss-inject
本项目是 monorepo 项目,该技能限制目录为 plugin 子包,使用公共的 scss 函数或混入为样式提供统一的样式,如颜色、字体、间距等,同时当组件需要针对 skin 皮肤进行样式定制时,也可以使用混入。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
本项目是 monorepo 项目,该技能限制目录为 plugin 子包,使用公共的 scss 函数或混入为样式提供统一的样式,如颜色、字体、间距等,同时当组件需要针对 skin 皮肤进行样式定制时,也可以使用混入。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | plugin-scss-inject |
| description | 本项目是 monorepo 项目,该技能限制目录为 plugin 子包,使用公共的 scss 函数或混入为样式提供统一的样式,如颜色、字体、间距等,同时当组件需要针对 skin 皮肤进行样式定制时,也可以使用混入。 |
本项目是 monorepo 项目,该技能限制目录为 plugin 子包,使用公共的 scss 函数或混入为样式提供统一的样式,如颜色、字体、间距等,同时当组件需要针对 skin 皮肤进行样式定制时,也可以使用混入。
锁定代码范围在 plugin 子包的目录下。首先在 assets/styles 目录下,找到 inject.scss 文件,该文件包含了相关的混入与函数,例如统一样式变量,定义皮肤,使用公共混入样式指定基本样式、统一动画持续时间等。css-vars.scss 文件包含了相关的变量文件,如 colors.scss、font-size.scss、skin.scss、common.scss 等。
根据不同的场景,例如皮肤,则使用皮肤相关的混入,再例如使用公共变量,则使用颜色,字体尺寸,统一变量等函数
根据分析的使用场景,生成对应的 scss 代码。可以参考实例代码。