FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-02-06 18:38:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added support for fa-stack-corner-* icons

Browse Source 
Added some css that allows the user to stack icons with the class fa-stack-corner-*,
where * can be nw, ne, sw or se. This would mainly be useful for adding a plus or minus sign
to any existing icon. I also added some text shadow to help the corner icon be a little more legible.
This commit is contained in:
Jake Franklin 2014-04-17 11:40:56 -07:00
parent ef3f582a54
commit 8923070650
3 changed files with 1432 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1389
css/font-awesome.css vendored
View File

File diff suppressed because it is too large Load Diff

5
css/font-awesome.min.css vendored
View File

File diff suppressed because one or more lines are too long

41
less/stacked.less
View File

@ -9,12 +9,49 @@
line-height: 2em;
vertical-align: middle;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
.@{fa-css-prefix}-stack-1x,
.@{fa-css-prefix}-stack-2x,
.@{fa-css-prefix}-stack-corner-nw,
.@{fa-css-prefix}-stack-corner-ne,
.@{fa-css-prefix}-stack-corner-sw,
.@{fa-css-prefix}-stack-corner-se {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
left: 0;
}
.@{fa-css-prefix}-stack-1x + .@{fa-css-prefix}-stack-corner-nw,
.@{fa-css-prefix}-stack-1x + .@{fa-css-prefix}-stack-corner-ne,
.@{fa-css-prefix}-stack-1x + .@{fa-css-prefix}-stack-corner-sw,
.@{fa-css-prefix}-stack-1x + .@{fa-css-prefix}-stack-corner-se {
font-size: 0.5em;
}
.@{fa-css-prefix}-stack-2x + .@{fa-css-prefix}-stack-corner-nw,
.@{fa-css-prefix}-stack-2x + .@{fa-css-prefix}-stack-corner-ne,
.@{fa-css-prefix}-stack-2x + .@{fa-css-prefix}-stack-corner-sw,
.@{fa-css-prefix}-stack-2x + .@{fa-css-prefix}-stack-corner-se {
font-size: 1em;
}
.@{fa-css-prefix}-stack-corner-se,
.@{fa-css-prefix}-stack-corner-sw,
.@{fa-css-prefix}-stack-corner-ne,
.@{fa-css-prefix}-stack-corner-nw,
.@{fa-css-prefix}-inverse + .@{fa-css-prefix}-stack-corner-se,
.@{fa-css-prefix}-inverse + .@{fa-css-prefix}-stack-corner-sw,
.@{fa-css-prefix}-inverse + .@{fa-css-prefix}-stack-corner-ne,
.@{fa-css-prefix}-inverse + .@{fa-css-prefix}-stack-corner-nw { text-shadow: 0 0 3px #fff; }
.@{fa-css-prefix}-inverse.@{fa-css-prefix}-stack-corner-se,
.@{fa-css-prefix}-inverse.@{fa-css-prefix}-stack-corner-sw,
.@{fa-css-prefix}-inverse.@{fa-css-prefix}-stack-corner-ne,
.@{fa-css-prefix}-inverse.@{fa-css-prefix}-stack-corner-nw { text-shadow: 0 0 3px #000; }
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-stack-corner-se { bottom: 1em; right: 0.5em; }
.@{fa-css-prefix}-stack-corner-sw { bottom: 1em; left: 0.5em; }
.@{fa-css-prefix}-stack-corner-ne { top: 1em; right: 0.5em; }
.@{fa-css-prefix}-stack-corner-nw { top: 1em; left: 0.5em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }