style: Add arrows to indicate what can be expanded in navigation

Additionally reduce font sizes in navigation so we can show more.
This commit is contained in:
Andy Williams 2017-11-29 12:42:25 +00:00
parent e727f07ce5
commit 8bca88350e
1 changed files with 21 additions and 6 deletions

View File

@ -106,23 +106,35 @@ h1, h2, h3, h4, h5, h6,
display: block;
}
.nav .close {
.nav li.close {
float: none;
font-size: inherit;
font-weight: normal;
line-height: inherit;
color: inherit;
text-shadow: inherit;
opacity: 1;
filter: none;
}
.nav .open {
font-weight: bold;
.nav li.close > .li > a::before {
content: "→";
}
.nav .open ul {
font-weight: normal;
.nav li.open > .li > a::before, .nav li.open > .li > .curid > a::before {
content: "↓";
}
.nav li a::before {
content: "";
position: relative;
left: -7pt;
float: left;
width: 0;
}
.nav .curid {
font-weight: bold;
}
@media (min-width: 768px) and (max-width: 993px) {
@ -152,6 +164,9 @@ h1, h2, h3, h4, h5, h6,
border-left: 15px solid #303030;
border-bottom: 15px solid #303030;
width: 280px;
line-height: 1;
font-size: 90%;
}
@media screen and (max-width: 768px) {