nc-weather/css/widget.css

48 lines
833 B
CSS
Executable File

.icon-weather {
background-image: url('../img/app-dark.svg');
}
.icon-weather-light {
background-image: url('../img/app.svg');
}
.weatherWidgetContents {
margin: 0 44px;
}
.weatherWidgetContents h3.locationValue {
text-align: left;
}
.weatherWidgetContents .weatherWidgetList {
display: flex;
padding: 0;
flex-wrap: wrap;
}
.weatherWidgetContents .weatherWidgetList .measurement,
.weatherWidgetContents .weatherWidgetList .value {
flex: 1 1 50%;
text-align: left;
min-width: 80px;
}
.weatherWidgetContents .weatherWidgetList .measurement {
font-weight: bold;
}
.weatherWidgetContents .weaterWidgetList .measurement::after {
content:":";
}
.weatherWidgetContents .info {
position: absolute;
bottom: 11px;
left: 0;
margin: 22px;
}
.weatherWidgetContents .info.error {
color: red;
color: var(--color-error);
}