Sjabloon:Artikelenlijst/styles.css: verschil tussen versies
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
| Regel 3: | Regel 3: | ||
grid-template-columns: 1fr 1fr 1fr 1fr; | grid-template-columns: 1fr 1fr 1fr 1fr; | ||
gap: 1em; | gap: 1em; | ||
} | } | ||
| Regel 23: | Regel 15: | ||
width: 100%; | width: 100%; | ||
height: 150px; | height: 150px; | ||
transition: transform .2s; | |||
} | |||
.artikel-card:hover .artikel-cover img { | |||
transform: scale(1.1); | |||
} | } | ||
| Regel 32: | Regel 29: | ||
margin-top: 0px; | margin-top: 0px; | ||
font-size: 1em; | font-size: 1em; | ||
} | |||
.artikel-card:hover h3 { | |||
color: #0645ad; | |||
} | } | ||
Versie van 27 jun 2022 15:04
.artikelen {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1em;
}
.artikel-card .artikel-cover {
width: 100%;
height: 150px;
border-radius: 3px;
overflow: hidden;
}
.artikel-card .artikel-cover img {
width: 100%;
height: 150px;
transition: transform .2s;
}
.artikel-card:hover .artikel-cover img {
transform: scale(1.1);
}
.artikel-body {
padding-top: 10px;
}
.artikel-body h3 {
margin-top: 0px;
font-size: 1em;
}
.artikel-card:hover h3 {
color: #0645ad;
}
.artikel-body h3 a {
color: black;
}
.artikel-body p {
color: #54595d;
margin: 0;
}