File tree 2 files changed +12
-8
lines changed
source/_patterns/00-base/icons
2 files changed +12
-8
lines changed Original file line number Diff line number Diff line change 15
15
}
16
16
17
17
& ::#{$position } {
18
- --icon-font-family : " #{ " icons- " + $size + " - " + $style } " ,
19
- " missing-icons" !important ;
18
+ --icon-font-family :
19
+ " #{ " icons- " + $size + " - " + $style } " , " missing-icons" !important ;
20
20
21
21
font-size : var (
22
22
--icon-font-size - #{$position } ,
106
106
// Icon meta data mixin
107
107
@mixin iconMeta ($size : $icon-size , $style : $icon-style , $position : " before" ) {
108
108
& ::#{$position } {
109
- --icon-font-family : " #{ " icons- " + $size + " - " + $style } " ,
110
- " missing-icons" !important ;
109
+ --icon-font-family :
110
+ " #{ " icons- " + $size + " - " + $style } " , " missing-icons" !important ;
111
111
--icon-font-size : #{to-rem ($pxValue : $size )} ;
112
112
}
113
113
}
Original file line number Diff line number Diff line change 8
8
& [data-icon ],
9
9
& [data-icon-before ] {
10
10
& ::before {
11
- --icon-font-family : " #{" icons-" + $icon-size + " -" + $icon-domain + " -" + $icon-style } " ,
11
+ --icon-font-family :
12
+ " #{" icons-" + $icon-size + " -" + $icon-domain + " -" + $icon-style } " ,
12
13
" missing-icons" !important ;
13
14
--icon-font-size : #{to-rem ($pxValue : $icon-size )} ;
14
15
}
17
18
[data-icon-variant-after = " #{$icon-size } -#{$icon-domain } -#{$icon-style } " ] {
18
19
& [data-icon-after ] {
19
20
& ::after {
20
- --icon-font-family : " #{" icons-" + $icon-size + $icon-domain + " -" + " -" + $icon-style } " ,
21
+ --icon-font-family :
22
+ " #{" icons-" + $icon-size + $icon-domain + " -" + " -" + $icon-style } " ,
21
23
" missing-icons" !important ;
22
24
--icon-font-size : #{to-rem ($pxValue : $icon-size )} ;
23
25
}
30
32
& [data-icon ],
31
33
& [data-icon-before ] {
32
34
& ::before {
33
- --icon-font-family : " #{" icons-" + $icon-domain + " -" + $icon-style } " ,
35
+ --icon-font-family :
36
+ " #{" icons-" + $icon-domain + " -" + $icon-style } " ,
34
37
" missing-icons" !important ;
35
38
--icon-font-size : #{to-rem ($pxValue : 16 )} ;
36
39
}
39
42
[data-icon-variant-after = " #{$icon-domain } -#{$icon-style } " ] {
40
43
& [data-icon-after ] {
41
44
& ::after {
42
- --icon-font-family : " #{" icons-" + $icon-domain + " -" + $icon-style } " ,
45
+ --icon-font-family :
46
+ " #{" icons-" + $icon-domain + " -" + $icon-style } " ,
43
47
" missing-icons" !important ;
44
48
--icon-font-size : #{to-rem ($pxValue : 16 )} ;
45
49
}
You can’t perform that action at this time.
0 commit comments