summaryrefslogtreecommitdiff
path: root/ext/css/pitch-accents-preview.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-21 11:34:55 -0500
committerGitHub <noreply@github.com>2021-02-21 11:34:55 -0500
commit75d0d333d86d2450db811a89b503bae22a3b49b6 (patch)
tree5a7efea83d1505612f05fecb7d533eedd9bcd1c0 /ext/css/pitch-accents-preview.css
parent1e4545107df139a3a87b18256438a7635aa84ff6 (diff)
Improve some values based on the font-size (#1430)
Diffstat (limited to 'ext/css/pitch-accents-preview.css')
-rw-r--r--ext/css/pitch-accents-preview.css12
1 files changed, 10 insertions, 2 deletions
diff --git a/ext/css/pitch-accents-preview.css b/ext/css/pitch-accents-preview.css
index cda9977e..8ee013b2 100644
--- a/ext/css/pitch-accents-preview.css
+++ b/ext/css/pitch-accents-preview.css
@@ -15,6 +15,14 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
+: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));
+}
+
html {
background-color: transparent;
color: #333333;
@@ -28,8 +36,8 @@ body {
width: 100%;
height: 100%;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 14px;
- line-height: calc(20 / 14);
+ font-size: var(--font-size);
+ line-height: var(--line-height);
}
ul {
margin: 0;