You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
erikflowers_weather-icons/weather-icons/icon-classes.less

247 lines
20 KiB
Plaintext

@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#weather_iconsregular') 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 ; }