]>
Commit | Line | Data |
---|---|---|
1 | /* ========================================================================== | |
2 | * Icons | |
3 | * ========================================================================== */ | |
4 | ||
5 | /** | |
6 | * | |
7 | * Material icons | |
8 | * | |
9 | */ | |
10 | .material-icons { | |
11 | font-family: 'Material Icons'; | |
12 | font-weight: normal; | |
13 | font-style: normal; | |
14 | font-size: 24px; /* Preferred icon size */ | |
15 | width: 1em; | |
16 | height: 1em; | |
17 | display: inline-block; | |
18 | line-height: 1; | |
19 | text-transform: none; | |
20 | letter-spacing: normal; | |
21 | word-wrap: normal; | |
22 | white-space: nowrap; | |
23 | direction: ltr; | |
24 | ||
25 | /* Support for all WebKit browsers. */ | |
26 | -webkit-font-smoothing: antialiased; | |
27 | ||
28 | /* Support for Safari and Chrome. */ | |
29 | text-rendering: optimizeLegibility; | |
30 | ||
31 | /* Support for Firefox. */ | |
32 | -moz-osx-font-smoothing: grayscale; | |
33 | ||
34 | /* Support for IE. */ | |
35 | font-feature-settings: 'liga'; | |
36 | ||
37 | .md-18 { | |
38 | font-size: 18px; | |
39 | } | |
40 | ||
41 | .md-24 { | |
42 | font-size: 24px; | |
43 | } | |
44 | ||
45 | .md-36 { | |
46 | font-size: 36px; | |
47 | } | |
48 | ||
49 | .md-48 { | |
50 | font-size: 48px; | |
51 | } | |
52 | ||
53 | .md-dark { | |
54 | color: rgba(0, 0, 0, 0.54); | |
55 | ||
56 | .md-inactive { | |
57 | color: rgba(0, 0, 0, 0.26); | |
58 | } | |
59 | } | |
60 | ||
61 | .md-light { | |
62 | color: rgba(255, 255, 255, 1); | |
63 | ||
64 | .md-inactive { | |
65 | color: rgba(255, 255, 255, 0.3); | |
66 | } | |
67 | } | |
68 | } | |
69 | ||
70 | /** | |
71 | * | |
72 | * Icomoon icons | |
73 | * | |
74 | */ | |
75 | [class^="icon-"]::before, | |
76 | [class*=" icon-"]::before { | |
77 | font-family: icomoon; | |
78 | speak: none; | |
79 | font-style: normal; | |
80 | font-weight: normal; | |
81 | font-variant: normal; | |
82 | text-transform: none; | |
83 | line-height: 1; | |
84 | background-size: 24px; | |
85 | ||
86 | /* Enable Ligatures ================ */ | |
87 | letter-spacing: 0; | |
88 | font-feature-settings: "liga"; | |
89 | } | |
90 | ||
91 | .icon-eye::before { | |
92 | content: "\e9ce"; | |
93 | } | |
94 | ||
95 | .icon-no-eye::before { | |
96 | content: "\e9d1"; | |
97 | } | |
98 | ||
99 | .icon-calendar::before { | |
100 | content: "\e953"; | |
101 | } | |
102 | ||
103 | .icon-mail::before { | |
104 | content: "\ea86"; | |
105 | } | |
106 | ||
107 | .icon-time::before { | |
108 | content: "\e952"; | |
109 | } | |
110 | ||
111 | a.icon-image { | |
112 | background-repeat: no-repeat; | |
113 | padding-right: 0.4em !important; | |
114 | padding-left: 0 !important; | |
115 | margin-left: 25px; | |
116 | ||
117 | &::before { | |
118 | content: ""; | |
119 | display: block; | |
120 | width: 24px; | |
121 | height: 24px; | |
122 | float: left; | |
123 | margin: 7px 1.5px 0 0; | |
124 | } | |
125 | ||
126 | &.carrot::before { | |
127 | background: url("../../_global/img/icons/carrot-icon--black.png") no-repeat center/90%; | |
128 | } | |
129 | ||
130 | &.diaspora::before { | |
131 | background: url("../../_global/img/icons/diaspora-icon--black.png") no-repeat center/80%; | |
132 | } | |
133 | ||
134 | &.unmark::before { | |
135 | background: url("../../_global/img/icons/unmark-icon--black.png") no-repeat center/80%; | |
136 | } | |
137 | ||
138 | &.shaarli::before { | |
139 | background: url("../../_global/img/icons/shaarli.png") no-repeat center/80%; | |
140 | } | |
141 | ||
142 | &.scuttle::before { | |
143 | background: url("../../_global/img/icons/scuttle.png") no-repeat center/80%; | |
144 | } | |
145 | } | |
146 | ||
147 | .icon-google-plus2::before { | |
148 | content: "\ea89"; | |
149 | } | |
150 | ||
151 | .icon-facebook2::before { | |
152 | content: "\ea8d"; | |
153 | } | |
154 | ||
155 | .icon-twitter::before { | |
156 | content: "\ea96"; | |
157 | } | |
158 | ||
159 | .icon-apple::before { | |
160 | content: "\eabf"; | |
161 | } | |
162 | ||
163 | .icon-android::before { | |
164 | content: "\eac1"; | |
165 | } | |
166 | ||
167 | .icon-chrome::before { | |
168 | content: "\eae5"; | |
169 | } | |
170 | ||
171 | .icon-firefox::before { | |
172 | content: "\eae6"; | |
173 | } | |
174 | ||
175 | .icon-link::before { | |
176 | content: "\e9cb"; | |
177 | } | |
178 | ||
179 | footer [class^="icon-"], | |
180 | footer [class*=" icon-"] { | |
181 | font-size: 2em; | |
182 | transition: text-shadow 0.2s ease; | |
183 | padding-right: 10px; | |
184 | } | |
185 | ||
186 | footer [class^="icon-"]:hover, | |
187 | footer [class*=" icon-"]:hover { | |
188 | text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | |
189 | } |