From bbe30bd039a136c63f14199a0efd95985c3a677e Mon Sep 17 00:00:00 2001
From: James Alley <manalagi001@yahoo.com>
Date: Thu, 29 Jan 2015 15:23:57 -0800
Subject: [PATCH] making menus more modular

---
 src/menus/css/menus-horizontal.css | 19 +++++++++++
 src/menus/css/menus-scrollable.css | 27 ++++++++++++++++
 src/menus/css/menus-skin.css       | 51 ++++++++++++++++++++++++++++++
 3 files changed, 97 insertions(+)
 create mode 100644 src/menus/css/menus-horizontal.css
 create mode 100644 src/menus/css/menus-scrollable.css
 create mode 100644 src/menus/css/menus-skin.css

diff --git a/src/menus/css/menus-horizontal.css b/src/menus/css/menus-horizontal.css
new file mode 100644
index 0000000..de37fbf
--- /dev/null
+++ b/src/menus/css/menus-horizontal.css
@@ -0,0 +1,19 @@
+/* HORIZONTAL MENU */
+.pure-menu-horizontal {
+    width: 100%;
+    white-space: nowrap;
+}
+
+.pure-menu-horizontal .pure-menu-list {
+    display: inline-block;
+}
+
+/* Initial menus should be inline-block so that they are horizontal */
+.pure-menu-horizontal .pure-menu-item,
+.pure-menu-horizontal .pure-menu-heading,
+.pure-menu-horizontal .pure-menu-separator {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+}
diff --git a/src/menus/css/menus-scrollable.css b/src/menus/css/menus-scrollable.css
new file mode 100644
index 0000000..356d469
--- /dev/null
+++ b/src/menus/css/menus-scrollable.css
@@ -0,0 +1,27 @@
+/* scrollable menus */
+.pure-menu-scrollable {
+    overflow-y: scroll;
+    overflow-x: hidden;
+}
+
+.pure-menu-scrollable .pure-menu-list {
+    display: block;
+}
+
+.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
+    display: inline-block;
+}
+
+.pure-menu-horizontal.pure-menu-scrollable {
+    white-space: nowrap;
+    overflow-y: hidden;
+    overflow-x: auto;
+    -ms-overflow-style: none;
+    -webkit-overflow-scrolling: touch;
+    /* a little extra padding for this style to allow for scrollbars */
+    padding: .5em 0;
+}
+
+.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
+    display: none;
+}
diff --git a/src/menus/css/menus-skin.css b/src/menus/css/menus-skin.css
new file mode 100644
index 0000000..94dd254
--- /dev/null
+++ b/src/menus/css/menus-skin.css
@@ -0,0 +1,51 @@
+/* misc default styling */
+
+.pure-menu-separator {
+    background-color: #ccc;
+    height: 1px;
+    margin: .3em 0;
+}
+
+.pure-menu-horizontal .pure-menu-separator {
+    width: 1px;
+    height: 1.3em;
+    margin: 0 .3em ;
+}
+
+.pure-menu-heading {
+    text-transform: uppercase;
+    color: #565d64;
+}
+
+.pure-menu-link {
+    color: #777;
+}
+
+.pure-menu-children {
+    background-color: #fff;
+}
+
+.pure-menu-link,
+.pure-menu-disabled,
+.pure-menu-heading {
+    padding: .5em 1em;
+}
+
+.pure-menu-disabled {
+    opacity: .5;
+}
+
+.pure-menu-disabled .pure-menu-link:hover {
+    background-color: transparent;
+}
+
+.pure-menu-active > .pure-menu-link,
+.pure-menu-link:hover,
+.pure-menu-link:focus {
+    background-color: #eee;
+}
+
+.pure-menu-selected .pure-menu-link,
+.pure-menu-selected .pure-menu-link:visited {
+    color: #000;
+}