Theme Peruwelz - Section files and accessible colors

Author: Broemman

peruwelz/src/scss/main.scss

@@ -109,20 +109,17 @@ footer #container-section-noussuivre {
   }
 }
 
-.sectionfiles a {
-  color: #fff;
-  text-decoration: none;
-  background-image: linear-gradient(
-    to right,
-    rgba(255, 255, 255, 1) 0%,
-    rgba(255, 255, 255, 0) 100%
-  );
-  background-size: 15% 2px; /* visible par défaut */
-  background-position: 0 100%;
-  background-repeat: no-repeat;
-  transition: background-size 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
-}
+.sectionfiles {
+  a {
+    color: #fff;
+    text-decoration: none;
+    background: linear-gradient(to right, #fff 0%, transparent 100%) left bottom /
+      15% 2px no-repeat;
+
+    transition: background-size 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
 
-.sectionfiles a:hover {
-  background-size: 40% 2px; /* largeur max au hover */
+    &:hover {
+      background-size: 40% 2px;
+    }
+  }
 }