有两个scss文件里定义了名为visible-focus的@mixin：

可以把visible-focus看成一个变量的集合：

第一个scss文件：feature-libs\organization_index.scss

第二个scss文件：projects\storefrontstyles\scss\cxbase\mixins_visible-focus.scss

这两处里定义的visible-focus值都一致。

总共有五处通过@include visible-focus()重用了这个mixin：

第一处：b2b里的_buttons.scss

feature-libs\organization\administration\styles_buttons.scss
a或者button标签且带有link类得到了focus时，触发这个伪类：

a或者button标签且带有button类，获得focus时，触发该伪类：

第二处：b2c list

feature-libs\organization\administration\styles_list.scss

这一处的outline-offset: -2px 往内缩了。根据我测试结果，重复定义的话，次序在后面的win.

第三处

是product variant的，无关。

第四处

无关？

第五处

有三个子处
和form相关：

更多Jerry的原创文章，尽在：“汪子熙”:

总结

以上是生活随笔为你收集整理的SAP Spartacus里的@mixin visible-focus的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。