diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-02-21 11:34:55 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-21 11:34:55 -0500 |
| commit | 75d0d333d86d2450db811a89b503bae22a3b49b6 (patch) | |
| tree | 5a7efea83d1505612f05fecb7d533eedd9bcd1c0 /ext/css/action-popup.css | |
| parent | 1e4545107df139a3a87b18256438a7635aa84ff6 (diff) | |
Improve some values based on the font-size (#1430)
Diffstat (limited to 'ext/css/action-popup.css')
| -rw-r--r-- | ext/css/action-popup.css | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/ext/css/action-popup.css b/ext/css/action-popup.css index 4345d3a6..0fcef05d 100644 --- a/ext/css/action-popup.css +++ b/ext/css/action-popup.css @@ -16,6 +16,12 @@ */ :root { + --font-size-no-units: 14; + --font-size: calc(1px * var(--font-size-no-units)); + + --line-height-no-units: 20; + --line-height: calc(var(--line-height-no-units) / var(--font-size-no-units)); + --badge-size: 16px; --warning-color: #96751c; @@ -26,7 +32,7 @@ body { padding: 10px; margin: 0; font-family: 'Segoe UI', Tahoma, sans-serif; - font-size: 14px; + font-size: var(--font-size); } h3 { @@ -183,9 +189,9 @@ body[data-loaded=true] .toggle-group { .toggle-handle { display: block; padding: 6px 12px; - font-size: 14px; + font-size: var(--font-size); font-weight: normal; - line-height: calc(20 / 14); + line-height: var(--line-height); text-align: center; white-space: nowrap; cursor: pointer; @@ -376,7 +382,7 @@ select.profile-select { opacity: 0; outline: none; cursor: pointer; - font-size: 14px; + font-size: var(--font-size); } .profile-select optgroup { color: #666666; |