From 2ce3943734e34aedb61025132c75f782eb37cf7b Mon Sep 17 00:00:00 2001 From: codevictory Date: Sun, 25 Apr 2021 02:24:03 +0300 Subject: [PATCH] Nav bar styling fixes. Heading styling fixes. --- assets/css/layout.scss | 47 +++++++++++++++++-- .../templates/layout/app.html.eex | 2 +- 2 files changed, 45 insertions(+), 4 deletions(-) diff --git a/assets/css/layout.scss b/assets/css/layout.scss index 039a3c0..75fb71d 100644 --- a/assets/css/layout.scss +++ b/assets/css/layout.scss @@ -1,12 +1,17 @@ body { - background-color: white; font-family: 'Crimson Text', sans-serif; - text-shadow: 3px 3px 3px #ababab; color: #2f273e; + font-size: 1.1rem; +} + +@media screen and (max-width: 600px) { + body { + background-color: #d5caf2; + } } header { - .nav { + nav { display: flex; justify-content: center; @@ -92,3 +97,39 @@ footer { } } } + +a { + color: #2f273e; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +ul { + text-align: left; + max-width: 44%; +} + +@media screen and (max-width: 600px) { + ul { + max-width: 90% !important; + } +} + +h1, +h2, +h3, +h4, +h5 { + text-shadow: 3px 3px 3px #ababab; +} + +h1 { + font-size: 3rem; +} + +p { + text-align: justify; +} diff --git a/lib/runosaari_web/templates/layout/app.html.eex b/lib/runosaari_web/templates/layout/app.html.eex index 6638c3c..88c89eb 100644 --- a/lib/runosaari_web/templates/layout/app.html.eex +++ b/lib/runosaari_web/templates/layout/app.html.eex @@ -14,7 +14,7 @@
-