1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | $ionicons-font-path: $font-path !default;
|
8 |
|
9 | @import "ionicons-icons";
|
10 | @import "ionicons-variables";
|
11 |
|
12 |
|
13 | @font-face {
|
14 | font-family: "Ionicons";
|
15 | src: url("#{$ionicons-font-path}/ionicons.woff2?v=#{$ionicons-version}") format("woff2"),
|
16 | url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
|
17 | url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype");
|
18 | font-weight: normal;
|
19 | font-style: normal;
|
20 | }
|
21 |
|
22 | ion-icon {
|
23 | display: inline-block;
|
24 |
|
25 | font-family: "Ionicons";
|
26 | -moz-osx-font-smoothing: grayscale;
|
27 | -webkit-font-smoothing: antialiased;
|
28 | font-style: normal;
|
29 | font-variant: normal;
|
30 | font-weight: normal;
|
31 | line-height: 1;
|
32 | text-rendering: auto;
|
33 | text-transform: none;
|
34 | speak: none;
|
35 |
|
36 | @include rtl() {
|
37 | &[aria-label^="arrow"]::before,
|
38 | &[flip-rtl]::before {
|
39 | transform: scaleX(-1);
|
40 | }
|
41 |
|
42 | &[unflip-rtl]::before {
|
43 | transform: scaleX(1);
|
44 | }
|
45 | }
|
46 |
|
47 | &::before {
|
48 | display: inline-block;
|
49 | }
|
50 | }
|