icon-classes.less
20.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
@font-face {
font-family: '@{weather-icons-font-family}';
src: url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.eot');
src: url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.woff') format('woff'),
url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.ttf') format('truetype'),
url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
font-weight: normal;
font-style: normal;
}
.@{weather-icons-prefix} {
display: inline-block;
font-family: '@{weather-icons-font-family}';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
// Day
.@{weather-icons-prefix}-day-cloudy-gusts:before { content: @day-cloudy-gusts ; }
.@{weather-icons-prefix}-day-cloudy-windy:before { content: @day-cloudy-windy ; }
.@{weather-icons-prefix}-day-cloudy:before { content: @day-cloudy ; }
.@{weather-icons-prefix}-day-fog:before { content: @day-fog ; }
.@{weather-icons-prefix}-day-hail:before { content: @day-hail ; }
.@{weather-icons-prefix}-day-lightning:before { content: @day-lightning ; }
.@{weather-icons-prefix}-day-rain-mix:before { content: @day-rain-mix ; }
.@{weather-icons-prefix}-day-rain-wind:before { content: @day-rain-wind ; }
.@{weather-icons-prefix}-day-rain:before { content: @day-rain ; }
.@{weather-icons-prefix}-day-showers:before { content: @day-showers ; }
.@{weather-icons-prefix}-day-snow:before { content: @day-snow ; }
.@{weather-icons-prefix}-day-sprinkle:before { content: @day-sprinkle ; }
.@{weather-icons-prefix}-day-sunny-overcast:before { content: @day-sunny-overcast ; }
.@{weather-icons-prefix}-day-sunny:before { content: @day-sunny ; }
.@{weather-icons-prefix}-day-storm-showers:before { content: @day-storm-showers ; }
.@{weather-icons-prefix}-day-thunderstorm:before { content: @day-thunderstorm ; }
// Neutral-
.@{weather-icons-prefix}-cloudy-gusts:before { content: @cloudy-gusts ; }
.@{weather-icons-prefix}-cloudy-windy:before { content: @cloudy-windy ; }
.@{weather-icons-prefix}-cloudy:before { content: @cloudy ; }
.@{weather-icons-prefix}-fog:before { content: @fog ; }
.@{weather-icons-prefix}-hail:before { content: @hail ; }
.@{weather-icons-prefix}-lightning:before { content: @lightning ; }
.@{weather-icons-prefix}-rain-mix:before { content: @rain-mix ; }
.@{weather-icons-prefix}-rain-wind:before { content: @rain-wind ; }
.@{weather-icons-prefix}-rain:before { content: @rain ; }
.@{weather-icons-prefix}-showers:before { content: @showers ; }
.@{weather-icons-prefix}-snow:before { content: @snow ; }
.@{weather-icons-prefix}-sprinkle:before { content: @sprinkle ; }
.@{weather-icons-prefix}-storm-showers:before { content: @storm-showers ; }
.@{weather-icons-prefix}-thunderstorm:before { content: @thunderstorm ; }
.@{weather-icons-prefix}-windy:before { content: @windy ; }
// Night
.@{weather-icons-prefix}-night-alt-cloudy-gusts:before { content: @night-alt-cloudy-gusts ; }
.@{weather-icons-prefix}-night-alt-cloudy-windy:before { content: @night-alt-cloudy-windy ; }
.@{weather-icons-prefix}-night-alt-hail:before { content: @night-alt-hail ; }
.@{weather-icons-prefix}-night-alt-lightning:before { content: @night-alt-lightning ; }
.@{weather-icons-prefix}-night-alt-rain-mix:before { content: @night-alt-rain-mix ; }
.@{weather-icons-prefix}-night-alt-rain-wind:before { content: @night-alt-rain-wind ; }
.@{weather-icons-prefix}-night-alt-rain:before { content: @night-alt-rain ; }
.@{weather-icons-prefix}-night-alt-showers:before { content: @night-alt-showers ; }
.@{weather-icons-prefix}-night-alt-snow:before { content: @night-alt-snow ; }
.@{weather-icons-prefix}-night-alt-sprinkle:before { content: @night-alt-sprinkle ; }
.@{weather-icons-prefix}-night-alt-storm-showers:before { content: @night-alt-storm-showers ; }
.@{weather-icons-prefix}-night-alt-thunderstorm:before { content: @night-alt-thunderstorm ; }
.@{weather-icons-prefix}-night-clear:before { content: @night-clear ; }
.@{weather-icons-prefix}-night-cloudy-gusts:before { content: @night-cloudy-gusts ; }
.@{weather-icons-prefix}-night-cloudy-windy:before { content: @night-cloudy-windy ; }
.@{weather-icons-prefix}-night-cloudy:before { content: @night-cloudy ; }
.@{weather-icons-prefix}-night-hail:before { content: @night-hail ; }
.@{weather-icons-prefix}-night-lightning:before { content: @night-lightning ; }
.@{weather-icons-prefix}-night-rain-mix:before { content: @night-rain-mix ; }
.@{weather-icons-prefix}-night-rain-wind:before { content: @night-rain-wind ; }
.@{weather-icons-prefix}-night-rain:before { content: @night-rain ; }
.@{weather-icons-prefix}-night-showers:before { content: @night-showers ; }
.@{weather-icons-prefix}-night-snow:before { content: @night-snow ; }
.@{weather-icons-prefix}-night-sprinkle:before { content: @night-sprinkle ; }
.@{weather-icons-prefix}-night-storm-showers:before { content: @night-storm-showers ; }
.@{weather-icons-prefix}-night-thunderstorm:before { content: @night-thunderstorm ; }
// Misc
.@{weather-icons-prefix}-celsius:before { content: @celsius ; }
.@{weather-icons-prefix}-cloud-down:before { content: @cloud-down ; }
.@{weather-icons-prefix}-cloud-refresh:before { content: @cloud-refresh ; }
.@{weather-icons-prefix}-cloud-up:before { content: @cloud-up ; }
.@{weather-icons-prefix}-cloud:before { content: @cloud ; }
.@{weather-icons-prefix}-degrees:before { content: @degrees ; }
.@{weather-icons-prefix}-down-left:before { content: @down-left ; }
.@{weather-icons-prefix}-down:before { content: @down ; }
.@{weather-icons-prefix}-fahrenheit:before { content: @fahrenheit ; }
.@{weather-icons-prefix}-horizon-alt:before { content: @horizon-alt ; }
.@{weather-icons-prefix}-horizon:before { content: @horizon ; }
.@{weather-icons-prefix}-left:before { content: @left ; }
.@{weather-icons-prefix}-lightning:before { content: @lightning ; }
.@{weather-icons-prefix}-night-fog:before { content: @night-fog ; }
.@{weather-icons-prefix}-refresh-alt:before { content: @refresh-alt ; }
.@{weather-icons-prefix}-refresh:before { content: @refresh ; }
.@{weather-icons-prefix}-right:before { content: @right ; }
.@{weather-icons-prefix}-sprinkles:before { content: @sprinkles ; }
.@{weather-icons-prefix}-strong-wind:before { content: @strong-wind ; }
.@{weather-icons-prefix}-sunrise:before { content: @sunrise ; }
.@{weather-icons-prefix}-sunset:before { content: @sunset ; }
.@{weather-icons-prefix}-thermometer-exterior:before { content: @thermometer-exterior ; }
.@{weather-icons-prefix}-thermometer-internal:before { content: @thermometer-internal ; }
.@{weather-icons-prefix}-thermometer:before { content: @thermometer ; }
.@{weather-icons-prefix}-tornado:before { content: @tornado ; }
.@{weather-icons-prefix}-up-right:before { content: @up-right ; }
.@{weather-icons-prefix}-up:before { content: @up ; }
.@{weather-icons-prefix}-wind-west:before { content: @wind-west ; }
.@{weather-icons-prefix}-wind-south-west:before { content: @wind-south-west ; }
.@{weather-icons-prefix}-wind-south-east:before { content: @wind-south-east ; }
.@{weather-icons-prefix}-wind-south:before { content: @wind-south ; }
.@{weather-icons-prefix}-wind-north-west:before { content: @wind-north-west ; }
.@{weather-icons-prefix}-wind-north-east:before { content: @wind-north-east ; }
.@{weather-icons-prefix}-wind-north:before { content: @wind-north ; }
.@{weather-icons-prefix}-wind-east:before { content: @wind-east ; }
// New v1.1
.@{weather-icons-prefix}-smoke:before { content: @smoke ; }
.@{weather-icons-prefix}-dust:before { content: @dust ; }
.@{weather-icons-prefix}-snow-wind:before { content: @snow-wind ; }
.@{weather-icons-prefix}-day-snow-wind:before { content: @day-snow-wind ; }
.@{weather-icons-prefix}-night-snow-wind:before { content: @night-snow-wind ; }
.@{weather-icons-prefix}-night-alt-snow-wind:before { content: @night-alt-snow-wind ; }
.@{weather-icons-prefix}-day-sleet-storm:before { content: @day-sleet-storm ; }
.@{weather-icons-prefix}-night-sleet-storm:before { content: @night-sleet-storm ; }
.@{weather-icons-prefix}-night-alt-sleet-storm:before { content: @night-alt-sleet-storm ; }
.@{weather-icons-prefix}-day-snow-thunderstorm:before { content: @day-snow-thunderstorm ; }
.@{weather-icons-prefix}-night-snow-thunderstorm:before { content: @night-snow-thunderstorm ; }
.@{weather-icons-prefix}-night-alt-snow-thunderstorm:before { content: @night-alt-snow-thunderstorm ; }
.@{weather-icons-prefix}-solar-eclipse:before { content: @solar-eclipse ; }
.@{weather-icons-prefix}-lunar-eclipse:before { content: @lunar-eclipse ; }
.@{weather-icons-prefix}-meteor:before { content: @meteor ; }
.@{weather-icons-prefix}-hot:before { content: @hot ; }
.@{weather-icons-prefix}-hurricane:before { content: @hurricane ; }
.@{weather-icons-prefix}-smog:before { content: @smog ; }
.@{weather-icons-prefix}-alien:before { content: @alien ; }
.@{weather-icons-prefix}-snowflake-cold:before { content: @snowflake-cold ; }
.@{weather-icons-prefix}-stars:before { content: @stars ; }
.@{weather-icons-prefix}-night-partly-cloudy:before { content: @night-partly-cloudy ; }
// New 1.3
.@{weather-icons-prefix}-umbrella:before { content: @umbrella ; }
.@{weather-icons-prefix}-day-windy:before { content: @day-windy ; }
.@{weather-icons-prefix}-night-alt-cloudy:before { content: @night-alt-cloudy ; }
.@{weather-icons-prefix}-up-left:before { content: @up-left ; }
.@{weather-icons-prefix}-down-right:before { content: @down-right ; }
.@{weather-icons-prefix}-time-12:before { content: @time-12 ; }
.@{weather-icons-prefix}-time-1:before { content: @time-1 ; }
.@{weather-icons-prefix}-time-2:before { content: @time-2 ; }
.@{weather-icons-prefix}-time-3:before { content: @time-3 ; }
.@{weather-icons-prefix}-time-4:before { content: @time-4 ; }
.@{weather-icons-prefix}-time-5:before { content: @time-5 ; }
.@{weather-icons-prefix}-time-6:before { content: @time-6 ; }
.@{weather-icons-prefix}-time-7:before { content: @time-7 ; }
.@{weather-icons-prefix}-time-8:before { content: @time-8 ; }
.@{weather-icons-prefix}-time-9:before { content: @time-9 ; }
.@{weather-icons-prefix}-time-10:before { content: @time-10 ; }
.@{weather-icons-prefix}-time-11:before { content: @time-11 ; }
//
.@{weather-icons-prefix}-day-sleet:before { content: @day-sleet ; }
.@{weather-icons-prefix}-night-sleet:before { content: @night-sleet ; }
.@{weather-icons-prefix}-night-alt-sleet:before { content: @night-alt-sleet ; }
.@{weather-icons-prefix}-sleet:before { content: @sleet ; }
.@{weather-icons-prefix}-day-haze:before { content: @day-haze ; }
.@{weather-icons-prefix}-beafort-0:before { content: @beafort-0 ; }
.@{weather-icons-prefix}-beafort-1:before { content: @beafort-1 ; }
.@{weather-icons-prefix}-beafort-2:before { content: @beafort-2 ; }
.@{weather-icons-prefix}-beafort-3:before { content: @beafort-3 ; }
.@{weather-icons-prefix}-beafort-4:before { content: @beafort-4 ; }
.@{weather-icons-prefix}-beafort-5:before { content: @beafort-5 ; }
.@{weather-icons-prefix}-beafort-6:before { content: @beafort-6 ; }
.@{weather-icons-prefix}-beafort-7:before { content: @beafort-7 ; }
.@{weather-icons-prefix}-beafort-8:before { content: @beafort-8 ; }
.@{weather-icons-prefix}-beafort-9:before { content: @beafort-9 ; }
.@{weather-icons-prefix}-beafort-10:before { content: @beafort-10 ; }
.@{weather-icons-prefix}-beafort-11:before { content: @beafort-11 ; }
.@{weather-icons-prefix}-beafort-12:before { content: @beafort-12 ; }
// Wind Variables 1.3
.@{weather-icons-prefix}-wind-default:before { content: @wind-default ; }
.wind-rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-moz-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
-o-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.@{weather-icons-prefix}-wind-default {
&._0-deg {.wind-rotate(0deg); }
&._15-deg {.wind-rotate(15deg); }
&._30-deg {.wind-rotate(30deg); }
&._45-deg {.wind-rotate(45deg); }
&._60-deg {.wind-rotate(60deg); }
&._75-deg {.wind-rotate(75deg); }
&._90-deg {.wind-rotate(90deg); }
&._105-deg {.wind-rotate(105deg); }
&._120-deg {.wind-rotate(120deg); }
&._135-deg {.wind-rotate(135deg); }
&._150-deg {.wind-rotate(150deg); }
&._165-deg {.wind-rotate(165deg); }
&._180-deg {.wind-rotate(180deg); }
&._195-deg {.wind-rotate(195deg); }
&._210-deg {.wind-rotate(210deg); }
&._225-deg {.wind-rotate(225deg); }
&._240-deg {.wind-rotate(240deg); }
&._255-deg {.wind-rotate(255deg); }
&._270-deg {.wind-rotate(270deg); }
&._285-deg {.wind-rotate(295deg); }
&._300-deg {.wind-rotate(300deg); }
&._315-deg {.wind-rotate(315deg); }
&._330-deg {.wind-rotate(330deg); }
&._345-deg {.wind-rotate(345deg); }
}
// Moon phases, v1.3
.@{weather-icons-prefix}-moon-new:before { content: @moon-new ; }
.@{weather-icons-prefix}-moon-waxing-cresent-1:before { content: @moon-waxing-cresent-1 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-2:before { content: @moon-waxing-cresent-2 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-3:before { content: @moon-waxing-cresent-3 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-4:before { content: @moon-waxing-cresent-4 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-5:before { content: @moon-waxing-cresent-5 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-6:before { content: @moon-waxing-cresent-6 ; }
.@{weather-icons-prefix}-moon-first-quarter:before { content: @moon-first-quarter ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-1:before { content: @moon-waxing-gibbous-1 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-2:before { content: @moon-waxing-gibbous-2 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-3:before { content: @moon-waxing-gibbous-3 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-4:before { content: @moon-waxing-gibbous-4 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-5:before { content: @moon-waxing-gibbous-5 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-6:before { content: @moon-waxing-gibbous-6 ; }
.@{weather-icons-prefix}-moon-full:before { content: @moon-full ; }
.@{weather-icons-prefix}-moon-waning-gibbous-1:before { content: @moon-waning-gibbous-1 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-2:before { content: @moon-waning-gibbous-2 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-3:before { content: @moon-waning-gibbous-3 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-4:before { content: @moon-waning-gibbous-4 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-5:before { content: @moon-waning-gibbous-5 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-6:before { content: @moon-waning-gibbous-6 ; }
.@{weather-icons-prefix}-moon-3rd-quarter:before { content: @moon-3rd-quarter ; }
.@{weather-icons-prefix}-moon-waning-crescent-1:before { content: @moon-waning-crescent-1 ; }
.@{weather-icons-prefix}-moon-waning-crescent-2:before { content: @moon-waning-crescent-2 ; }
.@{weather-icons-prefix}-moon-waning-crescent-3:before { content: @moon-waning-crescent-3 ; }
.@{weather-icons-prefix}-moon-waning-crescent-4:before { content: @moon-waning-crescent-4 ; }
.@{weather-icons-prefix}-moon-waning-crescent-5:before { content: @moon-waning-crescent-5 ; }
.@{weather-icons-prefix}-moon-waning-crescent-6:before { content: @moon-waning-crescent-6 ; }