[design] improve theme font controls

This commit is contained in:
zombieFox 2020-01-08 22:33:17 -07:00
parent d521618883
commit 592dd58439

View File

@ -1375,16 +1375,10 @@
<div class="control-theme-font-display-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div>
</div>
<div class="form-inline">
<div class="button-wrap">
<button class="control-theme-font-display-light button mb-0" tabindex="-1">Light</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-display-regular button mb-0" tabindex="-1">Regular</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-display-bold button mb-0" tabindex="-1">Bold</button>
</div>
<div class="form-group">
<button class="control-theme-font-display-light button mb-0" tabindex="-1">Light</button>
<button class="control-theme-font-display-regular button mb-0" tabindex="-1">Regular</button>
<button class="control-theme-font-display-bold button mb-0" tabindex="-1">Bold</button>
</div>
<p class="control-theme-font-display-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p>
<hr>
@ -1420,16 +1414,10 @@
<div class="control-theme-font-ui-weight-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div>
</div>
<div class="form-inline">
<div class="button-wrap">
<button class="control-theme-font-ui-light button mb-0" tabindex="-1">Light</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-ui-regular button mb-0" tabindex="-1">Regular</button>
</div>
<div class="button-wrap">
<button class="control-theme-font-ui-bold button mb-0" tabindex="-1">Bold</button>
</div>
<div class="form-group">
<button class="control-theme-font-ui-light button mb-0" tabindex="-1">Light</button>
<button class="control-theme-font-ui-regular button mb-0" tabindex="-1">Regular</button>
<button class="control-theme-font-ui-bold button mb-0" tabindex="-1">Bold</button>
</div>
<p class="control-theme-font-ui-helper form-helper small">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p>
<hr>