add arrow icon to home banner lead button

CDLUC3 · Dec 4, 2015 · 2ce6ed3 · 2ce6ed3
1 parent af7d306
commit 2ce6ed3
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 3 deletions.
diff --git a/dev/images/icon_double-arrow.svg b/dev/images/icon_double-arrow.svg
diff --git a/dev/scss/_buttons.scss b/dev/scss/_buttons.scss
@@ -32,4 +32,4 @@
 
 .button__pop-example {
 	@extend %button__pop;
-}
+}
diff --git a/dev/scss/_home-banner.scss b/dev/scss/_home-banner.scss
@@ -29,5 +29,15 @@
 
 .home-banner__lead-button {
 	@extend %button__pop;
-	padding: 0.7em 30px 0.7em 1.3em; // make room for background arrow icon
-}
+	margin: 1em 0 0;
+	padding: 0.7em 28px 0.7em 1.3em; // make room for background arrow icon
+	background: url('/images/icon_double-arrow.svg') no-repeat, linear-gradient(to bottom, $design-pop-gradient-top, $design-pop-gradient-bottom);
+	background-position: right 10px center; // apply modernizr fallback here
+	background-size: 0.8em;
+
+	&:hover,
+	&:focus {
+		text-decoration: underline;
+	}
+
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -32,4 +32,4 @@ @@
     .button__pop-example {
     	@extend %button__pop;
-    }
+    }