Tweak card perma's body

2025-12-17 10:42:33 +01:00
parent 0f26baee09
commit a4d0c2d6bb
2 changed files with 14 additions and 1 deletions
@@ -47,6 +47,7 @@
    .card__body {
      @media (max-width: 639px) {
        flex-direction: column;
+        padding-block-end: calc(var(--card-padding-block) * 1.5);
      }
    }

@@ -151,7 +152,12 @@
    grid-area: card;
    padding: clamp(2rem, 4vw, var(--padding-block));

-    @media (max-width: 799px) {
+    @media (max-width: 639px) {
+      padding: clamp(0.25rem, 2vw, var(--padding-block));
+      padding-block-end: clamp(2.5rem, 4vw, var(--padding-block));
+    }
+
+    @media (min-width: 640px) and (max-width: 799px) {
      padding-inline: var(--padding-inline);
    }
  }
@@ -29,5 +29,12 @@
        display: none;
      }
    }
+
+    /* Card perma
+    /* ------------------------------------------------------------------------ */
+
+    .card-perma {
+      margin-block-start: 0;
+    }
  }
 }