X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=app.scss;h=69b1067e2f2ecd1d4fd303b826e9bd27e042a086;hb=990b6c3d46bf45f62ec3c0f6602f26829b32d36c;hp=defd931ef078d5e779ff6e03fdecf5f2e0eb35bd;hpb=05bdc2680193564dbb8acbd85aa8d79eeec546f5;p=github%2Fbastienwirtz%2Fhomer.git

diff --git a/app.scss b/app.scss
index defd931..69b1067 100644
--- a/app.scss
+++ b/app.scss
@@ -22,7 +22,27 @@ $theme-dark: (
   a-hover: #ffdd57
 );
 
-  
+/* raleway-regular - latin */
+@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('Raleway'), local('Raleway-Regular'),
+       url('./webfonts/raleway/raleway-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./webfonts/raleway/raleway-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* lato-regular - latin */
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('Lato Regular'), local('Lato-Regular'),
+       url('./webfonts/lato/lato-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+       url('./webfonts/lato/lato-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
 
 @mixin theme($theme) {
   background-color: map-get($theme, "background");
@@ -155,17 +175,20 @@ body {
         }
       }
     }
-    .navbar {
+    .navbar, .navbar-menu {
       background-color: $secondary-color;
 
       a {
         color: #ffffff;
-        &:hover {
+        &:hover, &:focus {
           color: #ffffff;
           background-color: lighten( $secondary-color, 5% );
         }
       }
     }
+    .navbar-end {
+      text-align: right;
+    }
   }
 
   #main-section {
@@ -282,6 +305,16 @@ body {
     transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
   }
 
+  .no-footer {
+    #main-section {
+      margin-bottom: 0;
+    }
+    
+    .footer {
+      display: none;
+    }
+  }
+
   .search-bar {
     position: relative;
     display: inline-block;
@@ -290,7 +323,7 @@ body {
       background-color: lighten( $secondary-color, 6% );
       border-radius: 5px;
       padding: 2px 12px 2px 30px;
-      margin: 10px 0;
+      margin: 0 0 0 12px;
       transition: all 100ms linear;
       color: #ffffff;
       height: 30px;
@@ -307,12 +340,13 @@ body {
     .search-label::before {
       font-family: 'Font Awesome 5 Free';
       position: absolute;
-      top: 12px;
-      left: 8px;
+      top: 4px;
+      left: 16px;
       content: "\f002";
       font-weight: 900;
       width: 20px;
       height: 20px;
+      color: #ffffff;
     }
 
       &:focus-within .search-label::before {
@@ -322,6 +356,7 @@ body {
 
   .icon-button {
     display: inline-block;
+    padding: 0 12px;
   }
 
   .offline-message {