Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
.weather-widget {
.weather-icon {
width: var(--size-item-medium);
height: auto;
vertical-align: middle;
@media (prefers-contrast) {
-moz-context-properties: fill, stroke;
fill: currentColor;
stroke: currentColor;
}
&.iconId1 { content: url('chrome://browser/skin/weather/sunny.svg'); }
&.iconId2 { content: url('chrome://browser/skin/weather/mostly-sunny.svg'); }
&:is(.iconId3, .iconId4, .iconId6) { content: url('chrome://browser/skin/weather/partly-sunny.svg'); }
&.iconId5 { content: url('chrome://browser/skin/weather/hazy-sunshine.svg'); }
&:is(.iconId7, .iconId8) { content: url('chrome://browser/skin/weather/cloudy.svg'); }
&.iconId11 { content: url('chrome://browser/skin/weather/fog.svg'); }
&.iconId12 { content: url('chrome://browser/skin/weather/showers.svg'); }
&:is(.iconId13, .iconId14) { content: url('chrome://browser/skin/weather/mostly-cloudy-with-showers.svg'); }
&.iconId15 { content: url('chrome://browser/skin/weather/thunderstorms.svg'); }
&:is(.iconId16, .iconId17) { content: url('chrome://browser/skin/weather/mostly-cloudy-with-thunderstorms.svg'); }
&.iconId18 { content: url('chrome://browser/skin/weather/rain.svg'); }
&:is(.iconId19, .iconId20, .iconId25) { content: url('chrome://browser/skin/weather/flurries.svg'); }
&.iconId21 { content: url('chrome://browser/skin/weather/partly-sunny-with-flurries.svg'); }
&:is(.iconId22, .iconId23) { content: url('chrome://browser/skin/weather/snow.svg'); }
&:is(.iconId24, .iconId31) { content: url('chrome://browser/skin/weather/ice.svg'); }
&:is(.iconId26, .iconId29) { content: url('chrome://browser/skin/weather/freezing-rain.svg'); }
&.iconId30 { content: url('chrome://browser/skin/weather/hot.svg'); }
&.iconId32 { content: url('chrome://browser/skin/weather/windy.svg'); }
&.iconId33 { content: url('chrome://browser/skin/weather/night-clear.svg'); }
&:is(.iconId34, .iconId35, .iconId36, .iconId38) { content: url('chrome://browser/skin/weather/night-mostly-clear.svg'); }
&.iconId37 { content: url('chrome://browser/skin/weather/night-hazy-moonlight.svg'); }
&:is(.iconId39, .iconId40) {
content: url('chrome://browser/skin/weather/night-partly-cloudy-with-showers.svg');
height: var(--size-item-large);
}
&:is(.iconId41, .iconId42) { content: url('chrome://browser/skin/weather/night-partly-cloudy-with-thunderstorms.svg'); }
&:is(.iconId43, .iconId44) { content: url('chrome://browser/skin/weather/night-mostly-cloudy-with-flurries.svg'); }
}
}