Fixes fa-stack alignment

Added failing test case
Closes #2213
This commit is contained in:
Geremia Taglialatela 2013-10-24 20:49:23 +02:00
parent 0b0e3fa815
commit 750843d7f8
7 changed files with 13 additions and 1 deletions

View File

@ -195,6 +195,7 @@
.fa-stack-1x, .fa-stack-1x,
.fa-stack-2x { .fa-stack-2x {
position: absolute; position: absolute;
left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }

View File

@ -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-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-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{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-1x{line-height:inherit}
.fa-stack-2x{font-size:2em} .fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff} .fa-inverse{color:#fff}

View File

@ -11,6 +11,7 @@
} }
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
position: absolute; position: absolute;
left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }

View File

@ -11,6 +11,7 @@
} }
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute; position: absolute;
left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }

View File

@ -1,3 +1,10 @@
<span style="border: solid 1px #d3d3d3; display: inline-block; text-align: center">
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span><br>Center
</span>
<hr>
<p> <p>
<span class="fa-stack"> <span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-square fa-stack-2x"></i>

View File

@ -14,6 +14,7 @@
} }
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
position: absolute; position: absolute;
left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }

View File

@ -14,6 +14,7 @@
} }
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute; position: absolute;
left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }