From: harry <harmanmanchanda182@gmail.com>
Date: Sun, 28 May 2017 18:07:18 +0000 (+0530)
Subject: Update vertically align right menu docs!
X-Git-Tag: v6.4.0-rc1~20^2~6
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ad8fe92ceb59a6908fc0c7f1150686c3dc29fc7d;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update vertically align right menu docs!
---

diff --git a/docs/pages/menu.md b/docs/pages/menu.md
index 3578d6ff3..0d9f37e5b 100644
--- a/docs/pages/menu.md
+++ b/docs/pages/menu.md
@@ -117,7 +117,7 @@ Items can also be set to expand out and take up an even amount of space, with th
 
 ## Vertical Menu
 
-Add the `.vertical` class to a Menu to switch its orientation.
+Add the `.vertical` class to a Menu to switch its orientation. 
 
 <p>
   <a class="" data-open-video="4:53"><img src="{{root}}assets/img/icons/watch-video-icon.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
@@ -136,6 +136,39 @@ Add the `.vertical` class to a Menu to switch its orientation.
 </ul>
 ```
 
+<br>
+
+Add `align-right` class for making the vertical menu aligned to the right. 
+
+```html_example
+<ul class="vertical menu align-right">
+  <li><a href="#">One</a></li>
+  <li><a href="#">Two</a></li>
+  <li><a href="#">Three</a></li>
+  <li><a href="#">Four</a></li>
+</ul>
+```
+
+<br>
+
+Add `align-center` class for making the vertical menu aligned to the center.
+
+<div class="warning callout">
+  <p>
+    The above vertically left &amp; right aligned menu are supported in all types of menu's. <br>
+    But as we don't think `align-center` is useful for dropdown, accordion or a drilldown menu, we have just kept it on basic menu only.
+  </p>
+</div> 
+
+```html_example
+<ul class="vertical menu align-center">
+  <li><a href="#">One</a></li>
+  <li><a href="#">Two</a></li>
+  <li><a href="#">Three</a></li>
+  <li><a href="#">Four</a></li>
+</ul>
+```
+
 ---
 
 ## Simple Style