在 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 来更新用户界面

Answer 1

您是否在 scss 中包含了 mixin？在您的示例代码中，我看到您通过@mixin mytheme 声明了一个mixin。但是你在你的代码中写了@incude mytheme 吗？Sass 混合并包含： https ://sass-lang.com/documentation/at-rules/mixin