55 lines
1.0 KiB
SCSS
55 lines
1.0 KiB
SCSS
div.tile.pollen {
|
|
a.location {
|
|
display: block;
|
|
color: $font-color;
|
|
text-transform: uppercase;
|
|
margin: 0 0 0.5rem 0;
|
|
}
|
|
|
|
span.pollen.valeur {
|
|
background: url(img/ic_indice_pollen.png) center center no-repeat;
|
|
&.raep-4, &.raep-5 {
|
|
background-image: url(img/ic_indice_pollen_red.png);
|
|
}
|
|
&.raep-0, &.raep-1 {
|
|
background-image: url(img/ic_indice_pollen_green.png);
|
|
}
|
|
box-sizing: content-box;
|
|
font-weight: bold;
|
|
font-size: 1.5rem;
|
|
padding-top: 0px;
|
|
border: 5px solid transparent;
|
|
height: 40px;
|
|
display: inline-block;
|
|
border-radius: 40px;
|
|
padding: 5px;
|
|
width: 40px;
|
|
text-align: center;
|
|
margin-bottom: 0.5rem;
|
|
& + span.qualif {
|
|
display: inline-block;
|
|
padding-left: 0.5rem;
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
}
|
|
|
|
#page.place div.tile.pollen {
|
|
text-align: center;
|
|
div.tile-content {
|
|
padding: 2rem;
|
|
p, table {
|
|
text-align: justify;
|
|
margin: 1rem auto;
|
|
width: 60%;
|
|
@media screen and (max-width: $desktop-limit) {
|
|
width: auto;
|
|
}
|
|
}
|
|
p.validity-date {
|
|
margin-top: 3rem;
|
|
font-size: 80%;
|
|
}
|
|
}
|
|
}
|