mirror of
https://github.com/picocss/pico.git
synced 2025-05-05 07:07:11 -04:00
Add dropdown navigation per #85
This commit is contained in:
parent
f8ad8c9f23
commit
b6ed37a9fc
1 changed files with 26 additions and 0 deletions
|
@ -30,7 +30,33 @@ nav {
|
|||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: var(--spacing) calc(var(--spacing) * 0.5);
|
||||
|
||||
// Nested dropdown navigation
|
||||
&:hover {
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
display: none;
|
||||
z-index: 500;
|
||||
position: absolute;
|
||||
padding: .5em 1.15em;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
padding: .3em .2em;
|
||||
float: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
font-size: .9em;
|
||||
}
|
||||
}
|
||||
|
||||
// HACK: Input & Button inside Nav
|
||||
> *,
|
||||
> input:not([type="checkbox"]):not([type="radio"]) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue