fix #824 - fix disabled menu style

Author: redonkulus

site/src/pages/menus/index.js

@@ -78,15 +78,15 @@ function Menus() {
                 <SectionHeader heading="Selected and Disabled Items" />
 
                 <p>
-                    Mark a selected list element by adding the <code>pure-menu-selected</code> class to the list element. To mark a link as disabled, add an <code>&lt;a&gt;</code> element with the <code>pure-menu-disabled</code> class name. Disabled items appear faded and do not inherit hover styles.
+                    Mark a selected list element by adding the <code>pure-menu-selected</code> class to the list element. To mark a link as disabled, add the class name <code>pure-menu-disabled</code> to the list element. Disabled items appear faded and do not inherit hover styles.
                 </p>
 
                 <Example>
                     <div className="pure-menu pure-menu-horizontal">
                         <ul className="pure-menu-list">
                             <li className="pure-menu-item pure-menu-selected"><a href="#" className="pure-menu-link">Selected</a></li>
                             <li className="pure-menu-item"><a href="#" className="pure-menu-link">Normal</a></li>
-                            <li className="pure-menu-item pure-menu-disabled">Disabled</li>
+                            <li className="pure-menu-item pure-menu-disabled"><a href="#" className="pure-menu-link">Disabled</a></li>
                         </ul>
                     </div>
                 </Example>

src/menus/css/menus-skin.css

@@ -33,7 +33,6 @@
 }
 
 .pure-menu-link,
-.pure-menu-disabled,
 .pure-menu-heading {
     padding: .5em 1em;
 }
@@ -44,6 +43,7 @@
 
 .pure-menu-disabled .pure-menu-link:hover {
     background-color: transparent;
+    cursor: default;
 }
 
 .pure-menu-active > .pure-menu-link,