From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Fri, 23 Sep 2016 10:28:20 +0000 (+0200)
Subject: Fix the links style in yellow blocks
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=fd4f6c449375f7f66f5e9f76737bfd4748412b1a;p=mezzo.git

Fix the links style in yellow blocks
---

diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss
index 0b52dd4d..3ed891b0 100644
--- a/app/static/src/sass/modules/_page.scss
+++ b/app/static/src/sass/modules/_page.scss
@@ -93,6 +93,36 @@ $module: ".page";
                 @include margin-top(2);
             }
 
+            a:not(.button) {
+
+        		position: relative;
+        		z-index: 1;
+        		text-decoration: none;
+                @include transition(all 0.15s ease-in-out);
+
+        		&:after {
+        			@include transition(all 0.15s ease-in-out);
+        			content: "";
+        			display: block;
+        			position: absolute;
+        			left: 0;
+        			right: 0;
+        			bottom: 0;
+        			height: 1px;
+        			background: $color-black;
+        			z-index: -1;
+        		}
+
+        		&:hover {
+                    color: $color-main;
+        			&:after {
+        				bottom: 0;
+        				background: $color-black;
+        				height: 100%;
+        			}
+        		}
+        	}
+
         }
 
         &--black {