48 lines
833 B
CSS
48 lines
833 B
CSS
|
.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);
|
||
|
|
}
|