SuperAPI AI 工具集

m-export-scss

前端与建站

查看项目

更新于 10-16 06:55

技能介绍

用途

m-export-scss 用于将设计配置(design profile)导出为 SCSS 代码。它面向需要把设计系统与 SCSS 样式工作流对接的场景,把设计令牌(tokens)转换为可直接在样式表中使用的 SCSS 变量与 mixin。

主要能力

根据资料,该技能会为所有令牌生成 SCSS 变量,并额外提供以下三个 mixin:

  • @mixin type-scale($step):用于字号/字体阶梯。
  • @mixin elevation($level):用于层级(如阴影/高度)表达。
  • @mixin respond-to($breakpoint):用于响应式断点。

使用方式

资料中仅给出了技能标识 /m-export-scss 及其导出目标(SCSS 变量与 mixin),未提供具体的调用命令、安装步骤或配置参数说明,因此这些内容暂未提供。

适用场景

适用于已定义设计配置、并希望将其导出为 SCSS 变量与 mixin 以在样式表中复用的前端或设计系统工作流。

限制

关于支持的令牌类型、mixin 参数的取值范围、依赖环境、平台与收费信息,资料中均暂未提供。