Line-height css variable.

2022-03-05 17:59:56 +01:00
parent 4dd51dc4cd
commit a6dbb2ba59
2 changed files with 4 additions and 3 deletions
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -20,9 +20,9 @@ body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
-  line-height: 1.6;
-  background: $background-color;
-  color: $text-color;
+  line-height: var(--line-height);
+  background: var(--background-color);
+  color: var(--text-color);

  * {
    transition: 0.5s ease;
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -38,6 +38,7 @@
  --color-error-highlight: #dc3023;

  --header-size: 90px;
+  --line-height: 1.5;
 }

@media (prefers-color-scheme: dark) {