petit logo pour la version mobile

afup · Mar 9, 2019 · 5ee03b1 · 5ee03b1
1 parent ba2314b
commit 5ee03b1
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 5 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -29,5 +29,6 @@
     {% endif %}
 
     <label for="menu-checkbox" class="toggle-button" data-open="☰" data-close="☰" onclick></label>
+    <img src="/files/theme/logo_simple.png" class="logo-image" alt="{{ site.title }}"/>
   </nav>
 </header>
diff --git a/_sass/layout/_nav.scss b/_sass/layout/_nav.scss
@@ -116,6 +116,17 @@
       background: none;
     }
   }
+
+  .logo-image {
+    position: absolute;
+    display: block;
+    width: 50px;
+    height: 50px;
+    right: 0;
+    top: 0;
+    padding: 5px;
+  }
+
 }
 
 @media screen and (min-width: $md-break-point){

diff --git a/_sass/media-queries/_1-medium.scss b/_sass/media-queries/_1-medium.scss
@@ -22,11 +22,17 @@
     text-align: center;
   }
 
-  .nav-main .blog-logo {
-    -webkit-order: 0;
-    -ms-flex-order: 0;
-    order: 0;
-    width: auto;
+  .nav-main {
+    .blog-logo {
+      -webkit-order: 0;
+      -ms-flex-order: 0;
+      order: 0;
+      width: auto;
+    }
+
+    .logo-image {
+      display: none;
+    }
   }
 
   .nav-main a:not(.blog-logo) {