From: harry <harmanmanchanda182@gmail.com>
Date: Sat, 11 Mar 2017 16:44:20 +0000 (+0530)
Subject: Added a Sass tip and a codepen!
X-Git-Tag: v6.4.0-rc1~23^2~20^2~22
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=740dd1693e150a13405584d9a8c75d8e6ddfa954;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Added a Sass tip and a codepen!
---

diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md
index 38d2058db..5156e4b52 100644
--- a/docs/pages/prototyping.md
+++ b/docs/pages/prototyping.md
@@ -65,6 +65,10 @@ Looking for more customization including **responsive breakpoints?** Click here
 
 These `.rounded`, `.bordered` & `.shadow` classes can be used independently or together to style the component by rounding its corners, giving light borders, and creating shadow to it respectively. Mostly used in buttons, cards, tables, images and many more
 
+<div class="primary callout">
+	**Sass Tip**: You can use [Shadow](#shadow) mixin to create something like `shadow-hover-focus`. [Codepen example](http://codepen.io/IamManchanda/pen/XMRMwo)
+</div>
+
 #### Buttons
 
 ```html_example