Font-Awesome/scss/_mixins.scss

49 lines
1.1 KiB
SCSS
Raw Normal View History

// Mixins
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
.icon-stack {
position: relative;
display: inline-block;
width: $width;
height: $height;
line-height: $width;
vertical-align: -35%;
[class^="icon-"],
[class*=" icon-"] {
display: block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
font-size: $top-font-size;
line-height: inherit;
*line-height: $height;
}
.icon-stack-base {
font-size: $base-font-size;
*line-height: $height / $base-font-size;
}
}
}
@mixin animation($animation) {
-moz-animation: $animation;
-o-animation: $animation;
-webkit-animation: $animation;
animation: $animation;
}
@mixin transform($transform) {
-webkit-transform: $transform;
-moz-transform: $transform;
-ms-transform: $transform;
-o-transform: $transform;
transform: $transform;
}