在 SCSS 中从另一个文件更改一个类

Question

我有一个名为侧边栏的课程。 在侧边栏类中，我有子类，如 logo、li、下拉列表等……我也有一个主题更改 CSS。 下面是橙色主题的 CSS 代码。

  &[data-background-color="orange"] {
    @include sidebar-background-color($new-orange, $orange-800, $white-color);
    @include set-background-color-button($white-color);
    @include sidebar-active-color($black-color);

    .user,
    .logo,
    .nav li.separator {
      &:after {
        background-color: rgba(255, 255, 255, 0.3);
      }
    }

    .nav {
      li:hover:not(.active) > a,
      li.active > [data-toggle="collapse"] {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }
  }

上面的函数来自下面提到的元素结构： 在侧边栏类中，所有的样式都将被应用。

<element class="sidebar" data-background-color="blue">
  …
    <element class="nav">
      …
        <li class="separator">

我想更改主题更改 CSS 中侧边栏类中的 .card-header 类。 我怎么做？ 卡头类看起来像这样。

.card-header {
    background: icon-gradient($new-blue, $azure-color-bottom);
  }

完整的问题可以在这里看到。 主题随着 SASS 的角度变化