mirror of
https://github.com/pure-css/pure.git
synced 2024-11-24 10:44:21 +00:00
fix #824 - fix disabled menu style
This commit is contained in:
parent
5b3292e14a
commit
32076a3da2
@ -78,7 +78,7 @@ 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><a></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>
|
||||
@ -86,7 +86,7 @@ function Menus() {
|
||||
<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>
|
||||
|
@ -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,
|
||||
|
Loading…
Reference in New Issue
Block a user