amélioration hover gros icones

afup · Mar 9, 2019 · 2f4c23e · 2f4c23e
1 parent ceab111
commit 2f4c23e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 4 deletions.
diff --git a/_includes/subheader.html b/_includes/subheader.html
@@ -2,7 +2,7 @@
 <div class="subheader">
     {% for subheader_item in site.subheader %}
     <a class="subheader-link" href="{{ subheader_item.url }}">
-        <i class="fas fa-{{ subheader_item.icon }}"></i>&nbsp;{{ subheader_item.label }}
+        <i class="fas fa-{{ subheader_item.icon }} icon"></i>&nbsp;{{ subheader_item.label }}
     </a>
     {% endfor %}
 </div>

diff --git a/_sass/_index.scss b/_sass/_index.scss
@@ -18,10 +18,17 @@
   outline: none;
   text-align: center;
   border: 1px solid #ddd;
-  transition: border-color .5s ease-in 0s;
   font-size:1em;
   margin:10px;
-  &:hover { border-color: #0D243B; }
+
+  &:hover {
+    color: #fff;
+    background-color: #1d2241;
+  }
+
+  .icon {
+    margin-right: 10px;
+  }
 }
 
 .subheader {

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -126,10 +126,13 @@ body {
     margin: auto;
     color: #333;
     text-decoration: none;
+    padding: 0 1rem;
+
     &:hover,
     &:focus,
     &:active {
-      color: #766257;
+      color: #fff;
+      background-color: #1d2241;
     }
   }
 
@@ -155,6 +158,12 @@ body {
     border-bottom: 0;
     text-align: center;
     font-weight: bold;
+    &:hover,
+    &:focus,
+    &:active {
+      color: #000;
+      background: none;
+    }
   }
 }