SuperAPI AI 工具集

forge-focus

前端与建站

查看项目

更新于 10-16 06:13

技能介绍

用途:forge-focus 用于生成焦点环(focus ring)系统,基于系统的强调色令牌(accent token)产出统一的可聚焦样式,改善键盘导航下的可见性。

主要能力:它从强调色变量生成 :focus-visible 样式,基础规则使用 outline: 2px solid var(--accent)、outline-offset: 2px、border-radius: inherit,并针对不同元素做适配,包括按钮(环跟随按钮圆角)、输入框(环跟随输入框圆角)、链接(可选,用下划线偏移替代环)、卡片(环跟随卡片圆角)。

使用方式:资料仅给出样式代码与适配说明,未提供安装命令、调用方式或配置参数,暂未提供。

适用场景:需要为网站或界面统一键盘焦点样式的场景,尤其希望焦点环自动继承元素圆角并跟随系统强调色时。

限制:资料未说明支持的框架、构建工具、浏览器兼容范围或自定义选项,暂未提供;链接的下划线偏移方案标注为可选。