FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-27 14:01:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

adding .fa-icon mixin #2305 #2454

Browse Source
This commit is contained in:
Dave Gandy 2014-08-24 11:42:24 -05:00
parent 71d241adce
commit 03f71ba901
4 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
less/mixins.less
View File

@ -1,6 +1,15 @@
// Mixins // Mixins
// -------------------------- // --------------------------
.fa-icon() {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon-rotate(@degrees, @rotation) { .fa-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees); -webkit-transform: rotate(@degrees);

9
scss/_mixins.scss
View File

@ -1,6 +1,15 @@
// Mixins // Mixins
// -------------------------- // --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@mixin fa-icon-rotate($degrees, $rotation) { @mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees); -webkit-transform: rotate($degrees);

4
src/assets/font-awesome/less/mixins.less vendored
View File

@ -3,6 +3,10 @@
// Mixins // Mixins
// -------------------------- // --------------------------
.fa-icon() {
{% include code/core.css %}
}
.fa-icon-rotate(@degrees, @rotation) { .fa-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees); -webkit-transform: rotate(@degrees);

4
src/assets/font-awesome/scss/_mixins.scss vendored
View File

@ -3,6 +3,10 @@
// Mixins // Mixins
// -------------------------- // --------------------------
@mixin fa-icon() {
{% include code/core.css %}
}
@mixin fa-icon-rotate($degrees, $rotation) { @mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees); -webkit-transform: rotate($degrees);