From 750843d7f89978189011596bf00bf814d521d697 Mon Sep 17 00:00:00 2001 From: Geremia Taglialatela Date: Thu, 24 Oct 2013 20:49:23 +0200 Subject: [PATCH] Fixes fa-stack alignment Added failing test case Closes #2213 --- css/font-awesome.css | 1 + css/font-awesome.min.css | 2 +- less/stacked.less | 1 + scss/_stacked.scss | 1 + src/_includes/tests/stacked.html | 7 +++++++ src/assets/font-awesome/less/stacked.less | 1 + src/assets/font-awesome/scss/_stacked.scss | 1 + 7 files changed, 13 insertions(+), 1 deletion(-) diff --git a/css/font-awesome.css b/css/font-awesome.css index 7f5f3c1fb..f8605b3c7 100644 --- a/css/font-awesome.css +++ b/css/font-awesome.css @@ -195,6 +195,7 @@ .fa-stack-1x, .fa-stack-2x { position: absolute; + left: 0; width: 100%; text-align: center; } diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css index 449b7f98d..a523619fe 100644 --- a/css/font-awesome.min.css +++ b/css/font-awesome.min.css @@ -19,7 +19,7 @@ .fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)} .fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} -.fa-stack-1x,.fa-stack-2x{position:absolute;width:100%;text-align:center} +.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} diff --git a/less/stacked.less b/less/stacked.less index 0edef7037..fc53fb0e7 100644 --- a/less/stacked.less +++ b/less/stacked.less @@ -11,6 +11,7 @@ } .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { position: absolute; + left: 0; width: 100%; text-align: center; } diff --git a/scss/_stacked.scss b/scss/_stacked.scss index 93a1b2720..aef740366 100644 --- a/scss/_stacked.scss +++ b/scss/_stacked.scss @@ -11,6 +11,7 @@ } .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { position: absolute; + left: 0; width: 100%; text-align: center; } diff --git a/src/_includes/tests/stacked.html b/src/_includes/tests/stacked.html index 2f8bd0fae..9a2ebb88a 100644 --- a/src/_includes/tests/stacked.html +++ b/src/_includes/tests/stacked.html @@ -1,3 +1,10 @@ + + + + +
Center +
+

diff --git a/src/assets/font-awesome/less/stacked.less b/src/assets/font-awesome/less/stacked.less index 4ca04e683..2a1e4189b 100644 --- a/src/assets/font-awesome/less/stacked.less +++ b/src/assets/font-awesome/less/stacked.less @@ -14,6 +14,7 @@ } .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { position: absolute; + left: 0; width: 100%; text-align: center; } diff --git a/src/assets/font-awesome/scss/_stacked.scss b/src/assets/font-awesome/scss/_stacked.scss index eb7a12bd7..01c9443be 100644 --- a/src/assets/font-awesome/scss/_stacked.scss +++ b/src/assets/font-awesome/scss/_stacked.scss @@ -14,6 +14,7 @@ } .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { position: absolute; + left: 0; width: 100%; text-align: center; }