From 5007ccc67526ed0dda96cd31c731b76a20dfcb3d Mon Sep 17 00:00:00 2001 From: mrszympek Date: Sat, 1 Jun 2019 23:09:26 +0200 Subject: [PATCH] DOCS - cards --- pages/_docs/cards.md | 119 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 119 insertions(+) diff --git a/pages/_docs/cards.md b/pages/_docs/cards.md index f10a3831b..b439f0979 100644 --- a/pages/_docs/cards.md +++ b/pages/_docs/cards.md @@ -86,3 +86,122 @@ You can also add the image on the left side of the card. All you need do to is: {% example html columns=1 %} {% include cards/card.html title="Card with loader" hide-options=true show-loader=true %} {% endexample %} + +### Card with badge + +{% example html columns=2 %} +
+
+ + +
+ NATURE +
+
+
+
+
+
+ + It’s 2018, and the race is on between tech giants to decide who will control what you see every time you open your eyes + + What Not To Wear: The Hats, Scarves In History +
+
+
Feb 28, 10:54 am
+
+
+
+{% endexample %} + +### Card with aside image + +{% example html columns=2 %} +
+
+ +
+ MUSIC +
+
+
+
+
+
+ + Radio Listeners Prepare For An Impending Alien Invasion In This Visually Stunning Short Film + + What Not To Wear: The Hats, Scarves In History +
+
Feb 22, 11:38 am
+
+
+{% endexample %} + +### Card with image +{% example html columns=1 %} +
+ Card image cap +
+
Card title that wraps to a new line
+

This is a longer card with supporting text below as a natural lead-in to + additional content. This content is a little bit longer.

+
Feb 28, 10:54 am
+
+
+{% endexample %} + +### Quote card + +{% example html columns=1 %} +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+
+ + Someone famous in Source Title + +
+ +
+{% endexample %} + +### Another Card + +{% example html columns=3 %} +
+
+
+
+
Card title
+

This card has supporting text below as a natural lead-in to additional + content.

+

+ Last updated 3 mins ago +

+
+
+
+
+
+
+
Card title
+

This card has supporting text below as a natural lead-in to additional + content.

+

+ Last updated 3 mins ago +

+
+
+
+
+{% endexample %} + +### Image card + +{% example html columns=1 %} +
+ Card image +
+{% endexample %} +