mirror of
https://github.com/pure-css/pure.git
synced 2024-11-07 21:34:24 +00:00
Corrected vertical separator for sub menus
made sure sub menus, the separator is displayed horizontally again
This commit is contained in:
parent
82281b5b69
commit
6750c80784
@ -110,9 +110,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Adjusting separator for vertical menus */
|
/* Adjusting separator for vertical menus */
|
||||||
.pure-menu-horizontal .pure-menu-separator {
|
.pure-menu-horizontal li.pure-menu-separator {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
margin: 2px 7px;
|
margin: 2px 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Submenus should be horizontal separator again */
|
||||||
|
.pure-menu-horizontal li li.pure-menu-separator {
|
||||||
|
height: 1px;
|
||||||
|
width: auto;
|
||||||
|
margin: 7px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -113,6 +113,7 @@
|
|||||||
<li><a href="#">Messenger</a></li>
|
<li><a href="#">Messenger</a></li>
|
||||||
<li><a href="#">Sports</a></li>
|
<li><a href="#">Sports</a></li>
|
||||||
<li><a href="#">Finance</a></li>
|
<li><a href="#">Finance</a></li>
|
||||||
|
<li class="pure-menu-separator"></li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">Other</a>
|
<a href="#">Other</a>
|
||||||
<ul>
|
<ul>
|
||||||
|
Loading…
Reference in New Issue
Block a user