使用Polymer

时间:2016-03-04 14:48:21

标签: css polymer

聚合物默认使用漂亮但通风的布局(由于填充,边距,字体大小......)。

缩小所有用户界面的官方(或干净)方式是什么,以便我们可以在更少的表面上获得更多内容?

我可以找到一个快速黑客:

html {
    transform: scale(0.8);
}

但这会改变所有内容,每4个边框留下一个空白区域。

1 个答案:

答案 0 :(得分:0)

我可以用CSS mixins来做。例如,要覆盖每个纸张按钮布局,我将以下css添加到主html文件中:

:host {
    --paper-button: {
        padding: 3px;
        font-size: 12px;
    }
}

根据https://elements.polymer-project.org/elements/paper-button,这是注入到每个纸张按钮css的末尾。