1 $group
2 $params &opt
3 $if opt.useMaterialIcons
4 font-face
5 font-family 'Material Icons'
6 font-style normal
7 font-weight ${opt.materialIcons.fontWeight}
8 - For IE6-8
9 src url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.eot)
10 src local('Material Icons'),
11 \b local('MaterialIcons-Regular'),
12 \b url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.woff2) format('woff2'),
13 \b url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.woff) format('woff'),
14 \b url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.ttf) format('truetype')
15 . material-icons
16 font-family 'Material Icons'
17 font-weight normal
18 font-style normal
19 - Preferred icon size
20 font-size ${opt.materialIcons.size}
21 display inline-block
22 line-height 1
23 text-transform none
24 letter-spacing normal
25 word-wrap normal
26 white-space nowrap
27 direction ltr
28 - Support for all WebKit browsers.
29 -webkit-font-smoothing antialiased
30 - Support for Safari and Chrome.
31 text-rendering optimizeLegibility
32 - Support for Firefox.
33 -moz-osx-font-smoothing grayscale
34 - Support for IE.
35 @ font-feature-settings 'liga'
36 - Rules for sizing the icon.
37 . material-icons.md-18
38 font-size 18px
39 . material-icons.md-24
40 font-size 24px
41 . material-icons.md-36
42 font-size 36px
43 . material-icons.md-48
44 font-size 48px
45 - Rules for using icons as black on a light background.
46 . material-icons.md-dark
47 color rgba(0, 0, 0, 0.54)
48 . material-icons.md-dark.md-inactive
49 color rgba(0, 0, 0, 0.26)
50 - Rules for using icons as white on a dark background.
51 . material-icons.md-light
52 color rgba(255, 255, 255, 1)
53 . material-icons.md-light.md-inactive
54 color rgba(255, 255, 255, 0.3)
55 $if opt.useFontAwesome
56 font-face
57 font-family 'FontAwesome'
58 src url('${opt.fontAwesome.baseUrl}/FontAwesome.eot?9h6hxj')
59 src url('${opt.fontAwesome.baseUrl}/FontAwesome.eot?9h6hxj#iefix') format('embedded-opentype'),
60 \b url('${opt.fontAwesome.baseUrl}/FontAwesome.woff?9h6hxj') format('woff'),
61 \b url('${opt.fontAwesome.baseUrl}/FontAwesome.ttf?9h6hxj') format('truetype'),
62 \b url('${opt.fontAwesome.baseUrl}/FontAwesome.svg?9h6hxj#FontAwesome') format('svg')
63 font-weight normal
64 font-style normal
65 . fa
66 display inline-block
67 font normal normal normal 14px/1 FontAwesome
68 font-size inherit
69 text-rendering auto
70 -webkit-font-smoothing antialiased
71 -moz-osx-font-smoothing grayscale
72 . fa-link:before
73 content "\f0c1"
74 . fa-pencil:before
75 content "\f040"