Added a Sass tip and a codepen!

diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md
index 38d2058dbaec48adb3061d31513f44c359239afd..5156e4b523c4906eebb290b8ff3aa843f9b37d1b 100644 (file)
--- 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