用聚合物缩小所有页面内容

Question

默认情况下，聚合物制造出漂亮但通风的布局（由于填充，边距，字体大小...）。

什么是官方（或干净）的方式来缩小所有的用户界面，以便我们可以在更少的表面上拥有更多的内容？

我能找到一个快速的黑客攻击有：

html { 
    transform: scale(0.8); 
} 

但这种改变所有的内容，在每4个边界留下一个空的空间。

Answer 1

我可以用CSS mixins来做到这一点。例如覆盖每一个纸按键布局，添加以下CSS到主HTML文件：

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

根据https://elements.polymer-project.org/elements/paper-button，这被注入到每个纸按钮CSS的结束。