Swup works. Sass corrected

2019-04-06 22:14:15 +05:00 · 2019-04-06 22:14:15 +05:00 · 8021b83883
commit 8021b83883
parent edde38cc32
5 changed files with 21 additions and 17 deletions
--- a/app/404.html
+++ b/app/404.html
@ -11,6 +11,7 @@
 <body>
    <div id="wrapper">
        <header>
+            <div>
                <a href="/index.html" class="logo">Город Лесной</a>
                <a href="/map.html" class="logo">Вернуться на карту</a>
        </div>
--- a/app/css/main.css
+++ b/app/css/main.css
--- a/app/sass/_index.scss
+++ b/app/sass/_index.scss
@ -20,7 +20,7 @@ main {
    text-align: center;
    flex: 1;
    &:nth-child(2) {
-        font-size: 3.1em;
+        font-size: 2.4em;
        flex: 2;
    }
 }
--- a/app/sass/_main.scss
+++ b/app/sass/_main.scss
@ -49,22 +49,24 @@ header {
    background-color: $black;
    color: $white;
    font-family: "RussoOne", sans-serif;
-    display: flex;
-    align-items: center;
-    text-align: center;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: space-around;
-    @media (max-width: 53em) {
-        flex-direction: column;
-    }
-    
-    .logo {
-        font-size: 2.6em;
+    div {
+        display: flex;
+        align-items: center;
        text-align: center;
-        flex: 1;
-        @media (max-width: 28em) {
-            font-size: 2em;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-around;
+        @media (max-width: 53em) {
+            flex-direction: column;
+        }
+        
+        .logo {
+            font-size: 2.6em;
+            text-align: center;
+            flex: 1;
+            @media (max-width: 28em) {
+                font-size: 2em;
+            }
        }
    }
    padding: .2em;
--- a/app/sass/main.scss
+++ b/app/sass/main.scss
@ -1,4 +1,5 @@
 $black: #2C3E50;
+$darkBlack: #212e3b;
 $red: #E74C3C;
 $white: #ECF0F1;
 $blue: #3498DB;