1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- // Mixins
- // --------------------------
- .icon(@icon) {
- .icon-FontAwesome();
- content: @icon;
- }
- .icon-FontAwesome() {
- *margin-right: .3em; // fixes ie7 issues
- font-family: FontAwesome;
- -webkit-font-smoothing: antialiased;
- font-style: normal;
- font-weight: normal;
- text-decoration: inherit;
- text-rendering: auto;
- -moz-osx-font-smoothing: grayscale;
- }
- .border-radius(@radius) {
- -webkit-border-radius: @radius;
- -moz-border-radius: @radius;
- border-radius: @radius;
- }
- .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-"] {
- position: absolute;
- display: block;
- width: 100%;
- height: 100%;
- font-size: @top-font-size;
- line-height: inherit;
- *line-height: @height;
- text-align: center;
- }
- .icon-stack-base {
- font-size: @base-font-size;
- *line-height: (@height / @base-font-size);
- }
- }
- }
|