From: harry <harmanmanchanda182@gmail.com>
Date: Mon, 6 Feb 2017 16:29:56 +0000 (+0530)
Subject: Added overflow classes to docs.
X-Git-Tag: v6.4.0-rc1~23^2~20^2~103
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a4b91c33bc24cf6c2f4aea6ae4ddd2f5a5655573;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Added overflow classes to docs.
---

diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md
index fb7b933ba..fff309648 100644
--- a/docs/pages/prototyping.md
+++ b/docs/pages/prototyping.md
@@ -151,6 +151,34 @@ Positioning is very helpful and basic need for complex layouts.
 <div class="position-fixed-bottom"></div>
 ``` 
 
+## Overflow
+
+These overflow classes helps you to clip content, render scrollbars or simply just display the content when it overflows its block level container. 
+
+#### All sides 
+
+```html
+<div class="overflow-visible"></div>
+<div class="overflow-hidden"></div>
+<div class="overflow-scroll"></div>
+``` 
+
+#### Horizontal Axis
+
+```html
+<div class="overflow-x-visible"></div>
+<div class="overflow-x-hidden"></div>
+<div class="overflow-x-scroll"></div>
+``` 
+
+#### Vertical Axis
+
+```html
+<div class="overflow-y-visible"></div>
+<div class="overflow-y-hidden"></div>
+<div class="overflow-y-scroll"></div>
+``` 
+
 ---
 
 ## Image Replacement