<div class="c-weather ">
<img src="../../images/svgs/weather/icn-meteo-05-sereno-G-48dp.svg" alt="">
<strong>Oggi, soleggiato</strong>
<p>12°C / 24°C</p>
</div>
<div class="c-weather {{ modifier }}">
<img src="{{ path img-path }}" alt="">
<strong>{{ condition }}</strong>
<p>{{ degrees }}</p>
</div>
{
"img-path": "/images/svgs/weather/icn-meteo-05-sereno-G-48dp.svg",
"condition": "Oggi, soleggiato",
"degrees": "12°C / 24°C"
}
.c-weather {
text-align: center;
color: #000;
.c-superhero--palantir & {
color: #fff;
display: none;
@include min-screen(bp(tablet-p)) {
display: block;
}
}
& > * {
display: block;
}
img {
margin: 0 auto;
width: remify(72px);
height: remify(72px);
}
}
No notes defined.