0

我有两个文件：all-styles.scss 和 custom-styles.scss

第一个（所有样式）包含我在应用程序中使用的所有样式。第二个文件应该包含第一个文件中的一些规则。我想稍后单独处理这些规则（以使它们可定制）。

我需要检查什么：第二个文件（自定义样式）中的规则是否完全重复第一个文件中相同规则的结构？一种特殊的棉绒。

解决此任务的正则表达式/算法有什么好的想法吗？

或者任何现有的工具？到目前为止我还没有找到它。

例子：

所有样式.scss：

$brand-primary: #3D215E;
$brand-secondary: #DE9826;

.review {
  font-size: 16px;
  padding: 10px 0;
  background: $background-primary;

  &__section {
    padding: 12px 0 20px;
    color: $brand-secondary;

    @include breakpoint(p3) {
      display: flex;
      align-items: center;
    }
  }
}

有效的 custom-styles.scss：

$brand-primary: #3D215E;
$brand-secondary: #DE9826;

.review {
  background: $background-primary;

  &__section {
    color: $brand-secondary;        
  }
}

无效的自定义样式.scss：

$brand-primary: #3D215E;
$brand-secondary: #DE9826;

.review {
  background: $background-primary;
  color: $brand-secondary;             
}
4

0 回答 0