1 |
|
2 |
|
3 |
|
4 | @mixin fa-icon() {
|
5 | display: inline-block;
|
6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome;
|
7 | font-size: inherit;
|
8 | text-rendering: auto;
|
9 | -webkit-font-smoothing: antialiased;
|
10 | -moz-osx-font-smoothing: grayscale;
|
11 |
|
12 | }
|
13 |
|
14 | @mixin fa-icon-rotate($degrees, $rotation) {
|
15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
16 | -webkit-transform: rotate($degrees);
|
17 | -ms-transform: rotate($degrees);
|
18 | transform: rotate($degrees);
|
19 | }
|
20 |
|
21 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
|
22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
23 | -webkit-transform: scale($horiz, $vert);
|
24 | -ms-transform: scale($horiz, $vert);
|
25 | transform: scale($horiz, $vert);
|
26 | }
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 | @mixin sr-only {
|
34 | position: absolute;
|
35 | width: 1px;
|
36 | height: 1px;
|
37 | padding: 0;
|
38 | margin: -1px;
|
39 | overflow: hidden;
|
40 | clip: rect(0,0,0,0);
|
41 | border: 0;
|
42 | }
|
43 |
|
44 |
|
45 |
|
46 |
|
47 |
|
48 |
|
49 |
|
50 | @mixin sr-only-focusable {
|
51 | &:active,
|
52 | &:focus {
|
53 | position: static;
|
54 | width: auto;
|
55 | height: auto;
|
56 | margin: 0;
|
57 | overflow: visible;
|
58 | clip: auto;
|
59 | }
|
60 | }
|