Nav bar styling fixes. Heading styling fixes.

2021-04-25 02:24:03 +03:00
parent 071dce0807
commit 2ce3943734
2 changed files with 45 additions and 4 deletions
--- 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;
+}
--- a/lib/runosaari_web/templates/layout/app.html.eex
+++ b/lib/runosaari_web/templates/layout/app.html.eex
@@ -14,7 +14,7 @@
  </head>
  <body>
    <header >
-        <nav class="nav" role="navigation">
+        <nav class="main-nav-bar" role="navigation">
          <%= link "Etusivu", to: Routes.page_path(@conn, :index) %>
          <%= link "Ohjelma", to: Routes.performance_path(@conn, :index) %>
          <%= link "Esiintyjät", to: Routes.performer_path(@conn, :index) %>