用聚合物縮小所有頁面內容

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的結束。