refactor: c-card--image-bottom (#297)

* refactor: c-card--image-bottom

Do not let image-top card's `<h3>` fill available space.

Notes:
- The previous image-bottom grid-tempalte-rows value incorrectly assumed image was last row.
- Both image-top and image-bottom grid-tempalte-rows values incorrectly assumed we could reliably control image height.

* docs: card images are ready for widespread use

src/lib/_imports/components/c-card.css

@@ -271,9 +271,11 @@
 
 :--c-card--image-top,
 :--c-card--image-bottom {
-    --image-height: auto;
     --global-space--pattern-pad: 15px;
 
+    /* Repeat many times, because element count is unknown */
+    grid-template-rows: repeat(10, min-content);
+
     /* Use extra columns to add horizontal padding */
     grid-template-columns: var(--global-space--pattern-pad) 1fr var(--global-space--pattern-pad);
     padding-inline: unset;
@@ -291,10 +293,6 @@
     grid-column-end: -1;
 }
 
-:--c-card--image-top {
-    /* Repeat many times, because element count is unknown */
-    grid-template-rows: repeat(10, min-content) var(--image-height);
-}
 :--c-card--image-top > img {
     grid-row-start: 1;
     margin-bottom: var(--global-space--pattern-pad);
@@ -303,10 +301,6 @@
     margin-top: unset; /* to avoid combining margin with image */
 }
 
-:--c-card--image-bottom {
-    /* Repeat many times, because element count is unknown */
-    grid-template-rows: var(--image-height) repeat(10, min-content);
-}
 :--c-card--image-bottom > img {
     grid-row-end: -1;
     margin-top: var(--global-space--pattern-pad);

src/lib/_imports/components/c-card/c-card.readme.md

@@ -12,7 +12,7 @@ Container with content and action(s) about a single subject.
 
 ---
 
-Future features that will be added when client testing is complete:
+To support images at different positions:
 
 | Class (Std.)               | Class (Alt.)             | Description
 | - | - | - |

src/lib/_imports/components/c-card/config.yml

@@ -1,3 +1,4 @@
+status: ready
 context:
   shouldLoadCMS: true
   📝 shouldLoadCMS: this pattern is not intended nor expected for use beyond CMS
@@ -13,9 +14,7 @@ variants:
   - name: standard-3
     status: backup
   - name: images
-    status: wip
   - name: docs
-    status: ready
     context:
       shouldLoadDocs: true
       supportStyles: