SAP Spartacus popover Component css 的重用设计

Spartacus标准开发 专栏收录该内容
700 篇文章 4 订阅

按照需求,我们需要在SAP Spartacus B2B 页面的 List header 和Card header两处,同时显示info icon, 因此,有必要设计一个统一的icon style,然后在List header和Card header这两处,通过@extend语法直接引用 icon style:

这两处的icon都共享同样的css 样式,定义在_list.scss文件里:

%organizationTitle {
  .title {
    h3 {
      button {
        border: none;
        background-color: inherit;
        cx-icon {
          pointer-events: none;
          color: var(--cx-color, var(--cx-color-info));
        }
      }
    }
  }
}

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

展开阅读全文
  • 0
    点赞
  • 1
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值