如何在聚合物中设置flex-shrink:0

Question

当前，我的类具有以下代码。我想做flex-shrink: 0;怎么做？文档说--layout-flex-auto : Sets flex flex-basis to auto and flex-grow and flex-shrink to 1.

@apply(--layout-flex);
@apply(--layout-vertical);

Answer 1

css规则，如果两者都具有相同的特异性，则稍后出现的较早规则。

要覆盖Mixin的flex-shrink值，只需将flex-shrink设置放在之后> Mixin：

之后

<style>
  .container {
    @apply(--layout-flex);
    flex-shrink: 0;
  }
</style>