Merge pull request #90 from peterbugan/buganpeter

Add hover for arrow
slovensko-digital · Jun 8, 2019 · 6d07679 · 6d07679
2 parents 0151245 + 0e7e442
commit 6d07679
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 11 deletions.
diff --git a/src/components/_custom/next-link/next-link.scss b/src/components/_custom/next-link/next-link.scss
@@ -12,6 +12,18 @@ $right-arrow: url("../../../assets/images/arrow-pointing-to-right.svg");
     margin-top: 50px;
     margin-bottom: 50px;
     padding-left: 30px;
+  }
+
+  .sdn-next-link__link {
+    display: inline-block;
+    font-size: 21px;
+    font-weight: 600;
+    text-decoration: none;
+
+    .sdn-next-link__container {
+      display: inline-block;
+      margin-left: 10px;
+    }
 
     &:before {
       content: "";
@@ -23,14 +35,8 @@ $right-arrow: url("../../../assets/images/arrow-pointing-to-right.svg");
       background-repeat: no-repeat;
       background-position: center right;
       background-size: cover;
+      vertical-align: top;
     }
-  }
-
-  .sdn-next-link__link {
-    padding-left: 10px;
-    font-size: 21px;
-    font-weight: 600;
-    text-decoration: none;
 
     small {
       display: block;
@@ -52,5 +58,5 @@ $right-arrow: url("../../../assets/images/arrow-pointing-to-right.svg");
         opacity: .8;
       }
     }
-  }
+  } 
 }
diff --git a/src/components/_custom/next-link/template.njk b/src/components/_custom/next-link/template.njk
@@ -1,6 +1,8 @@
-<div class="sdn-next-link" style="margin-top: 50px; margin-bottom: 50px;">
+<div class="sdn-next-link">
     <a href="{{ params.url }}" class="sdn-next-link__link">
-        {{ params.label }}
-        <small>{{ params.text }}</small>
+    	<div class="sdn-next-link__container">
+	        {{ params.label }}
+	        <small>{{ params.text }}</small>
+	    </div>
     </a>
 </div>