Sjabloon:Artikelenlijst/styles.css: verschil tussen versies
(Nieuwe pagina aangemaakt met '.artikelen { width: 100%; }') |
Geen bewerkingssamenvatting Label: Handmatige ongedaanmaking |
||
| (36 tussenliggende versies door dezelfde gebruiker niet weergegeven) | |||
| Regel 1: | Regel 1: | ||
.artikelen { | .artikelen { | ||
display: grid; | |||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); | |||
column-gap: 1em; | |||
row-gap: 1.5em; | |||
} | |||
.artikel-card a { | |||
color: inherit; | |||
} | |||
.artikel-card .artikel-cover { | |||
width: 100%; | width: 100%; | ||
height: 150px; | |||
border-radius: 3px; | |||
overflow: hidden; | |||
} | |||
.artikel-card .artikel-cover img { | |||
width: 100%; | |||
transition: transform .2s; | |||
} | |||
.artikel-card:hover .artikel-cover img { | |||
transform: scale(1.1); | |||
} | |||
.artikel-body { | |||
padding: 10px 2px 0 2px; | |||
} | |||
.artikel-body h3 { | |||
margin-top: 0px; | |||
font-size: 1.1em; | |||
} | |||
.artikel-card:hover h3 { | |||
color: #e61e14; | |||
} | |||
.artikel-body p { | |||
margin: 0; | |||
} | } | ||
Huidige versie van 28 jun 2022 om 17:21
.artikelen {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
column-gap: 1em;
row-gap: 1.5em;
}
.artikel-card a {
color: inherit;
}
.artikel-card .artikel-cover {
width: 100%;
height: 150px;
border-radius: 3px;
overflow: hidden;
}
.artikel-card .artikel-cover img {
width: 100%;
transition: transform .2s;
}
.artikel-card:hover .artikel-cover img {
transform: scale(1.1);
}
.artikel-body {
padding: 10px 2px 0 2px;
}
.artikel-body h3 {
margin-top: 0px;
font-size: 1.1em;
}
.artikel-card:hover h3 {
color: #e61e14;
}
.artikel-body p {
margin: 0;
}