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

@@ Regel 4: / Regel 4: @@
      column-gap: 1em;
      row-gap: 1.5em;
+}
+.artikel-card a {
+    color: inherit;
 }
@@ Regel 16: / Regel 20: @@
      width: 100%;
      transition: transform .2s;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translateY(-50%) translateX(-50%);
 }
@@ Regel 36: / Regel 36: @@
 .artikel-card:hover h3 {
-     color: #0645ad;
+     color: #e61e14;
-}
-.artikel-body h3 a {
-    color: black;
 }
 .artikel-body p {
-    color: #54595d;
      margin: 0;
 }