Back to the old appearance of menu

_sass/minima/_layout.scss

@@ -55,11 +55,11 @@ html {
     display: none;
   }
 
-  a.page-link.active {
+  a.page-link2.active {
     color: #222;
   }
 
-  .page-link:hover {
+  .page-link:hover, .page-link2:hover {
     text-decoration: none;
   }
 
@@ -68,7 +68,7 @@ html {
   }
 
   @media (min-width: 640px) {
-    /*.page-link:after {
+    .page-link:after {
       content: " ";
       width: 22px;
       border-bottom: solid 3px #cbcfda;
@@ -76,48 +76,43 @@ html {
       top: 30px;
       left: 10px;
       float: left;
-    }*/
-    .page-link.active {
+    }
+    .page-link2.active {
       border-bottom: 3px solid #808080;
     }
   }
 
   @media (max-width: 640px) {
-    .page-link.active:before {
+    .page-link.active:before, .page-link2.active:before {
       content: "\2022";
       margin-right: 10px;
       position: absolute;
       left: 12%;
       color: rgb(23, 168, 225);
     }
-    .page-link.active {
+    .page-link.active, .page-link2.active {
       font-weight: 600;
       color: rgb(23, 168, 225);
     }
-    .page-link {
+    .page-link, .page-link2 {
       color: #222;
     }
   }
 
   @media (min-width: 640px) {
-    .page-link:hover {
-      color: #222 !important;
-
+    .page-link2:hover {
       border-bottom: 3px solid #808080;
+    }
 
-        &:not(.active) {
-          // padding-top: 20px;
+    .page-link:hover, .page-link2:hover {
+      color: #222 !important;
+        &:not(.active) {  // padding-top: 20px;
         }
     }
 
-    .page-link {
+    .page-link2 {
       position: relative;
 
-      // Old version:
-      // min-width: 60px;
-      // margin: 0 0 0 -1px;
-      // padding: 2px 10px 4px 9px;
-
       // New version (full underline)
       min-width: 40px;
       margin: 0 15px 0 8px;
@@ -139,12 +134,34 @@ html {
       z-index: 8;
     }
 
+    .page-link {
+      position: relative;
+
+      min-width: 60px;
+      margin: 0 0 0 -1px;
+      padding: 2px 10px 4px 9px;
+
+      float: left;
+
+      -moz-transition: padding 0.8s ease;
+      -webkit-transition: padding 0.8s ease;
+      -o-transition: padding 0.8s ease;
+      transition: padding 0.8s ease;
+
+      -moz-transition: border 0.3s ease;
+      -webkit-transition: border 0.3s ease;
+      -o-transition: border 0.3s ease;
+      transition: border 0.3s ease;
+
+      z-index: 8;
+    }
+
     .active:after {
       border-color: #58595B;
     }
   }
 
-  .page-link {
+  .page-link, .page-link2 {
     // color: $text-color;
     line-height: $base-line-height;
     font-weight: 600;