From 69442d5a8ebb34295ea8d5f8b85b262d6a72e75a Mon Sep 17 00:00:00 2001 From: Perry Govier Date: Fri, 5 Sep 2014 12:33:05 -0500 Subject: [PATCH] fix(buttons): centering icons on tag buttons. Closes #2074 --- scss/_button.scss | 7 ++++++ test/css/buttons-link-icon.html | 42 +++++++++++++++++++++++++++++++++ 2 files changed, 49 insertions(+) create mode 100644 test/css/buttons-link-icon.html diff --git a/scss/_button.scss b/scss/_button.scss index 8d608d1a0a..5ec5ffecb5 100644 --- a/scss/_button.scss +++ b/scss/_button.scss @@ -235,6 +235,13 @@ input.button.button-block { a.button { text-decoration: none; + + .icon:before, + &.icon:before, + &.icon-left:before, + &.icon-right:before { + margin-top: 2px; + } } .button.disabled, diff --git a/test/css/buttons-link-icon.html b/test/css/buttons-link-icon.html new file mode 100644 index 0000000000..ecd24cb1e0 --- /dev/null +++ b/test/css/buttons-link-icon.html @@ -0,0 +1,42 @@ + + + + + + Buttons + + + + + + +
+

Buttons: <link> block w/ icons

+
+ +
+ +
+ +
+ +
+ Learn More +
+ Back +
+ +
+ +
+ Reorder +
+ + +