161be54fa175ab7e171dfb8b761712dc44141ba1
[wolnelektury.git] / src / wolnelektury / static / 2021 / css / base / _icons.scss
1 /* ------------------------------
2     Base: Icons
3 ------------------------------ */
4
5 $icon-minus: "\e900";
6 $icon-plus: "\e901";
7 $icon-pin: "\e902";
8 $icon-linkedin: "\e903";
9 $icon-arrow-up: "\e904";
10 $icon-arrow-down: "\e905";
11 $icon-arrow-left: "\e906";
12 $icon-arrow-right: "\e907";
13
14 @font-face {
15   font-family: '#{$icomoon-font-family}';
16   src:
17     url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?20uhbq') format('truetype'),
18     url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?20uhbq') format('woff'),
19     url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?20uhbq##{$icomoon-font-family}') format('svg');
20   font-weight: normal;
21   font-style: normal;
22   font-display: block;
23 }
24
25 [class^="icon-"], [class*=" icon-"] {
26   /* use !important to prevent issues with browser extensions that change fonts */
27   font-family: '#{$icomoon-font-family}' !important;
28   speak: never;
29   font-style: normal;
30   font-weight: normal;
31   font-variant: normal;
32   text-transform: none;
33   line-height: 1;
34
35   /* Better Font Rendering =========== */
36   -webkit-font-smoothing: antialiased;
37   -moz-osx-font-smoothing: grayscale;
38 }
39
40 .icon-minus {
41   &:before {
42     content: $icon-minus;
43   }
44 }
45 .icon-plus {
46   &:before {
47     content: $icon-plus;
48   }
49 }
50 .icon-pin {
51   &:before {
52     content: $icon-pin;
53   }
54 }
55 .icon-linkedin {
56   &:before {
57     content: $icon-linkedin;
58   }
59 }
60 .icon-arrow-up {
61   &:before {
62     content: $icon-arrow-up;
63   }
64 }
65 .icon-arrow-down {
66   &:before {
67     content: $icon-arrow-down;
68   }
69 }
70 .icon-arrow-left {
71   &:before {
72     content: $icon-arrow-left;
73   }
74 }
75 .icon-arrow-right {
76   &:before {
77     content: $icon-arrow-right;
78   }
79 }