change layout and code font familyt

2022-12-06 23:10:51 +01:00
parent 3cbef2fc35
commit eb9f74ecb9
4 changed files with 20 additions and 7 deletions
--- a/src/assets/base.scss
+++ b/src/assets/base.scss
@@ -36,6 +36,8 @@

  --section-gap: 160px;
  --primary: hsl(229, 90%, 28%);
+
+  --code-font-family: "Cousine", monospace;
 }

@media (prefers-color-scheme: dark) {
@@ -66,7 +68,7 @@ body {
  color: var(--color-text);
  background: var(--color-background);
  transition: color 0.5s, background-color 0.5s;
-  line-height: 1.6;
+  line-height: 1.3;
  font-family: "Gulzar", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    serif;
  font-size: 22px;
@@ -104,3 +106,7 @@ h2 {
 strong {
  font-weight: bold;
 }
+
+code {
+  font-family: var(--code-font-family);
+}