From 39d88a1041d95b7fc31b1683c91f9033721a182e Mon Sep 17 00:00:00 2001 From: RafiBomb Date: Sun, 14 May 2017 21:21:05 -0700 Subject: [PATCH] adds card links and vid times --- docs/pages/card.md | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/docs/pages/card.md b/docs/pages/card.md index 24f1b1e93..4325f0615 100644 --- a/docs/pages/card.md +++ b/docs/pages/card.md @@ -15,6 +15,12 @@ Make sure you wrap your content in a `.card-section` element in order to achieve A card container has no padding, allowing you to place full-bleed images inside. Use the `.card-divider` and `.card-section` classes to sub-divide a card. +
+ Watch this part in video + + edit on codepen button +
+ ```html_example
@@ -34,6 +40,12 @@ A card container has no padding, allowing you to place full-bleed images inside. You can also include a `.card-divider` element as a title, footer or to break up content. +
+ Watch this part in video + + edit on codepen button +
+ ```html_example
@@ -52,6 +64,12 @@ You can also include a `.card-divider` element as a title, footer or to break up Images play nicely with cards. Simply include one outside of the `.card-section` element to span nicely to the edges. Or move the image inside the `.card-section` to have padding around the image. +
+ Watch this part in video + + edit on codepen button +
+ ```html
@@ -119,6 +137,12 @@ Images play nicely with cards. Simply include one outside of the `.card-section` You can either set the width of cards with custom css or add them into the Foundation grid. +
+ Watch this part in video + + edit on codepen button +
+ ```html_example
-- 2.47.2