From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 29 Sep 2016 08:26:15 +0000 (+0200)
Subject: Fix the links style
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=b6a958490f6a540d4a7d5a25b4ea5460c62e5a92;p=mezzo.git

Fix the links style
---

diff --git a/app/static/src/sass/global/_typography.scss b/app/static/src/sass/global/_typography.scss
index dbfcec59..da42348f 100755
--- a/app/static/src/sass/global/_typography.scss
+++ b/app/static/src/sass/global/_typography.scss
@@ -72,8 +72,14 @@ main p, main ul.unstyled-list {
 		position: relative;
 		z-index: 1;
 		text-decoration: none;
+		border-bottom: 1px solid $color-main;
+		@include transition(all 0.15s ease-in-out);
 
-		&:after {
+		&:hover {
+			box-shadow: inset 0 -30px $color-main;
+		}
+
+		/*&:after {
 			@include transition(all 0.15s ease-in-out);
 			content: "";
 			display: block;
@@ -92,7 +98,7 @@ main p, main ul.unstyled-list {
 				background: $color-main;
 				height: 100%;
 			}
-		}
+		}*/
 	}
 }
 
@@ -101,19 +107,11 @@ h3 {
 
 		position: relative;
 		z-index: 1;
-		text-decoration: none;
+		border-bottom: 1px solid $color-main;
+		@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-main;
-			z-index: -1;
+		&:hover {
+			box-shadow: inset 0 -30px $color-main;
 		}
 
 	}
diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss
index 1613e6bd..ef8e85f6 100644
--- a/app/static/src/sass/modules/_page.scss
+++ b/app/static/src/sass/modules/_page.scss
@@ -97,12 +97,13 @@ $module: ".page";
 
         		position: relative;
         		z-index: 1;
-        		text-decoration: underline;
-                @include transition(all 0.15s ease-in-out);
+        		text-decoration: none;
+                border-color: $color-black;
 
-        		&:after {
-        			display: none;
-        		}
+                &:hover {
+                    box-shadow: none;
+                    color: $color-black;
+                }
 
         	}
 
@@ -121,12 +122,13 @@ $module: ".page";
                 color: white;
         		position: relative;
         		z-index: 1;
-        		text-decoration: underline;
-                @include transition(all 0.15s ease-in-out);
+        		text-decoration: none;
+                border-color: $color-main;
 
-        		&:after {
-        			display: none;
-        		}
+                &:hover {
+                    box-shadow: none;
+                    color: $color-main;
+                }
 
         	}