覆盖Vaadin中的现有CSS

Question

我需要重写ValoTheme的现有CSS，我在mytheme.scss中添加了新的CSS规则，我编译了主题，并运行了该应用程序，但是在UI上仍未更新。

  @mixin mytheme {
      @include valo;
      // Insert your own theme rules here

      .v-widget {
        box-sizing: border-box;
        vertical-align: top;
        text-align: right;
    }

    .v-slot, .v-spacing {
        display: -webkit-inline-box;
        white-space: nowrap;
        vertical-align: top;
    }
}

我尝试清理并刷新该项目。如何通过覆盖现有valoTheme的CSS来更新UserInterface

Answer 1

您是否在scss中包括了mixin？

在您的示例代码中，我看到您通过@mixin mytheme声明了mixin。但是您是否在代码中编写了@incude mytheme？

Sass mixin包括： https://sass-lang.com/documentation/at-rules/mixin