From a851d10f05ac69075dc1cf04e6b98683216a762c Mon Sep 17 00:00:00 2001 From: harry Date: Sat, 11 Feb 2017 22:25:51 +0530 Subject: [PATCH] Added cards to rounded elements example Within - Foundation Docs - Visual Regression Testing --- docs/pages/prototyping.md | 64 +++++++++++++++++++++++++++++- test/visual/prototype/rounded.html | 13 ++++++ 2 files changed, 75 insertions(+), 2 deletions(-) diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md index 810244b5a..be5db4475 100644 --- a/docs/pages/prototyping.md +++ b/docs/pages/prototyping.md @@ -47,7 +47,9 @@ Looking for more customization including responsive breakpoints? Click here for ## Rounded Elements -These `.rounded` classes helps to make an element round its corners. This will help you quickly style the borders of an element. Mostly used in images, buttons and more +These `.rounded` classes helps to make an element round its corners. This will help you quickly style the borders of an element. Mostly used in buttons, images, cards and more + +#### Buttons ```html_example @@ -57,6 +59,8 @@ These `.rounded` classes helps to make an element round its corners. This will h ``` +#### Images + ```html @@ -66,7 +70,7 @@ These `.rounded` classes helps to make an element round its corners. This will h ``` -
+
@@ -75,6 +79,62 @@ These `.rounded` classes helps to make an element round its corners. This will h
+#### Cards + +```html +
+ +
+ This is a Middle section +
+
+

This is a card.

+

It has an easy to override visual style, and is appropriately subdued.

+
+
+``` + +
+
+
+
+ +
+ Rounded Card +
+
+

This is a card.

+

It has an easy to override visual style, and is appropriately subdued.

+
+
+
+
+
+ +
+ Rounded Card +
+
+

This is a card.

+

It has an easy to override visual style, and is appropriately subdued.

+
+
+
+
+
+ +
+ Rounded Card +
+
+

This is a card.

+

It has an easy to override visual style, and is appropriately subdued.

+
+
+
+
+
+ --- ## Font Styling diff --git a/test/visual/prototype/rounded.html b/test/visual/prototype/rounded.html index 339229e0e..0a1624d02 100644 --- a/test/visual/prototype/rounded.html +++ b/test/visual/prototype/rounded.html @@ -27,6 +27,19 @@
+
+

Rounded Cards

+
+ +
+ Rounded Card +
+
+

This is a card.

+

It has an easy to override visual style, and is appropriately subdued.

+
+
+
-- 2.47.2