SuperAPI AI 工具集

css-sass

前端与建站

查看项目

更新于 10-16 08:07

技能介绍

用途:为编写和维护 Sass/SCSS 样式提供原子化、聚焦的指导,覆盖现代 dart-sass 语法及从已废弃 @import 到 @use 的迁移模式。

主要能力:变量(声明与使用、局部与全局作用域、!default、maps 与 lists);mixin(@mixin 声明、参数与默认值、@content 内容块、响应式 mixin);函数(内置函数、@function 自定义函数、返回值、纯与不纯函数);模块(@use 加载、命名空间、@forward 转发、配置默认值);以及嵌套、extends 等特性。资料还给出常用 mixin 与函数示例,如响应式断点 respond-to、flex-center、text-style、rem 单位转换以及 tint/shade 颜色处理。

使用方式:以 Skill("css-sass") 调用;必填参数 feature,取值为 variables、mixins、functions、nesting、modules、extends 之一;可选参数 syntax 默认 scss,可选 scss 或 sass;可选参数 modern_syntax 默认 true,为 true 时使用 @use/@forward 替代已废弃的 @import。校验规则要求 feature 必填且取值合法。

适用场景:需要在项目中建立模块化 Sass 架构、采用现代模块系统、编写可复用 mixin 与函数,或从旧式 @import 迁移到 @use 的前端样式开发。

限制:依赖 css-fundamentals 与 css-architecture;复杂度和相关费用、平台支持等信息暂未提供。资料未给出 Sass 版本要求、性能数据或具体计费方式。