Sjabloon:Artikelenlijst/styles.css: verschil tussen versies

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;
}