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