sousligne

user/themes/hehe/scss/template/_typography.scss

@@ -20,9 +20,19 @@ h3{
   font-size: 0.8rem;
   text-transform: uppercase;
   a{
-    background: rgb(0,255,0);
     font-weight: normal;
-
+    position: relative;
+    &::after{
+      content: " ";
+      background: rgb(0, 255, 0);
+      position: absolute;
+      top: 5px;
+      left: 0;
+      height: 9px;
+      width: 100%;
+      margin: auto;
+      z-index: -1;
+    }
   }
 }
 
@@ -52,9 +62,19 @@ p{
   font-size: 0.8rem;
   margin-bottom: 10px;
   a{
-    background: rgb(0,255,0);
     font-weight: normal;
-
+    position: relative;
+    &::after{
+      content: " ";
+      background: rgb(0, 255, 0);
+      position: absolute;
+      top: 5px;
+      left: 0;
+      height: 9px;
+      width: 100%;
+      margin: auto;
+      z-index: -1;
+    }
   }
 }
 
@@ -65,6 +85,28 @@ p{
     text-transform: uppercase;
     font-weight: normal;
   }
+  a{
+    position: relative;
+    &::after{
+      transition: width 0.5s;
+      content: " ";
+      position: absolute;
+      width: 0%;
+      height: 10px;
+      z-index: -1;
+      left: 0;
+      margin: auto;
+      top: 4px;
+    }
+  }
+  a:hover{
+    position: relative;
+    &::after{
+      background: rgb(0, 255, 0);
+      transition: width 0.5s;
+      width: 100%;
+    }
+  }
 }
 
 .news{