覆盖 Vaadin 中现有的 Css

Question

我需要覆盖现有的 css ValoTheme，我在 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;
    }
}

我尝试清理并刷新项目。如何通过覆盖现有的 css of valoTheme

来更新用户界面

Answer 1

你的 scss 中包含了 mixin 了吗？

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

Sass 混合并包含： https://sass-lang.com/documentation/at-rules/mixin

覆盖 Vaadin 中现有的 Css

Override the existing Css in Vaadin

java

css

sass

vaadin8

vaadin-valo-theme