X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=app.scss;h=476ee09121170ab970a4d2ba9f22b2115f872769;hb=5fe53dce3c1e1d3357f614b0157dc55079dff913;hp=3b77603be64719fdd6275bf1b04666be866cdd0a;hpb=a0e2769a59049e1ae83b404acf80594509fb8197;p=github%2Fbastienwirtz%2Fhomer.git

diff --git a/app.scss b/app.scss
index 3b77603..476ee09 100644
--- a/app.scss
+++ b/app.scss
@@ -9,7 +9,8 @@ $theme-light: (
   text: #363636,
   text-title: #303030,
   text-subtitle: #424242,
-  card-shadow: rgba(0, 0, 0, 0.1)
+  card-shadow: rgba(0, 0, 0, 0.1),
+  a-hover: #363636
 );
 $theme-dark: (
   background: #131313,
@@ -17,15 +18,41 @@ $theme-dark: (
   text: #eaeaea,
   text-title: #fafafa,
   text-subtitle: #f5f5f5,
-  card-shadow: rgba(0, 0, 0, 0.4)
+  card-shadow: rgba(0, 0, 0, 0.4),
+  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");
   color: map-get($theme, "text");
-
+  a {
+    &:hover {
+      color: map-get($theme, "a-hover");
+    }
+  }
+  
   .title {
     color: map-get($theme, "text-title");
   }
@@ -153,7 +180,8 @@ body {
 
       a {
         color: #ffffff;
-        &:hover {
+        &:hover, &:focus {
+          color: #ffffff;
           background-color: lighten( $secondary-color, 5% );
         }
       }