SAP Spartacus里的@mixin visible-focus

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

可以把visible-focus看成一个变量的集合:
SAP Spartacus里的@mixin visible-focus

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

SAP Spartacus里的@mixin visible-focus

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

SAP Spartacus里的@mixin visible-focus

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

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

SAP Spartacus里的@mixin visible-focus

第一处:b2b里的_buttons.scss

feature-libs\organization\administration\styles_buttons.scss
a或者button标签且带有link类得到了focus时,触发这个伪类:
SAP Spartacus里的@mixin visible-focus

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

SAP Spartacus里的@mixin visible-focus

第二处:b2c list

feature-libs\organization\administration\styles_list.scss

SAP Spartacus里的@mixin visible-focus

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

第三处

是product variant的,无关。

SAP Spartacus里的@mixin visible-focus

第四处

无关?

SAP Spartacus里的@mixin visible-focus

第五处

有三个子处
和form相关:

SAP Spartacus里的@mixin visible-focus
SAP Spartacus里的@mixin visible-focus

更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus里的@mixin visible-focus

相关文章:

  • 2021-06-08
  • 2021-04-14
  • 2022-01-06
  • 2021-11-19
  • 2021-11-30
  • 2021-07-15
  • 2021-07-01
  • 2021-05-12
猜你喜欢
  • 2021-11-15
  • 2021-04-27
  • 2021-09-26
  • 2022-12-23
  • 2022-01-09
  • 2021-08-27
  • 2021-11-23
相关资源
相似解决方案