html5自定义元素的默认大小（聚合物）

Question

是否可以定义html5自定义元素的默认大小？ （使用聚合物）

例如，我有一个箭头控件，可以设置大小。如果没有设置宽度或高度，我们应该使用默认大小！

Answer 1

在聚合物1.0及更高版本中，您可以同时使用自定义css properties和mixins，两者都允许使用默认值：

:root {
  width: var(--my-arrow-control-width, 24px);
  height: var(--my-arrow-control-height, 24px); 
}

或使用mixins

:root {
  --toolbar-theme: {
    background-color: hsl(120, 70%, 95%);
    border-radius: 4px;
    border: 1px solid var(--theme-color late);
  };
  --toolbar-title-theme: {
    color: green;
  };
}

.toolbar {
  @apply(--toolbar-theme);
}
.toolbar > .title {
  @apply(--toolbar-title-theme);
}