有兩個(gè)scss文件里定義了名為visible-focus的@mixin：

可以把visible-focus看成一個(gè)變量的集合：

第一個(gè)scss文件：feature-libs\organization_index.scss

第二個(gè)scss文件：projects\storefrontstyles\scss\cxbase\mixins_visible-focus.scss

這兩處里定義的visible-focus值都一致。

總共有五處通過@include visible-focus()重用了這個(gè)mixin：

第一處：b2b里的_buttons.scss

feature-libs\organization\administration\styles_buttons.scss
a或者button標(biāo)簽且?guī)в衛(wèi)ink類得到了focus時(shí)，觸發(fā)這個(gè)偽類：

a或者button標(biāo)簽且?guī)в衎utton類，獲得focus時(shí)，觸發(fā)該偽類：

第二處：b2c list

feature-libs\organization\administration\styles_list.scss

這一處的outline-offset: -2px 往內(nèi)縮了。根據(jù)我測(cè)試結(jié)果，重復(fù)定義的話，次序在后面的win.

第三處

是product variant的，無關(guān)。

第四處

無關(guān)？

第五處

有三個(gè)子處
和form相關(guān)：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的SAP Spartacus里的@mixin visible-focus的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。