Added css for a 'classic' main menu

This commit is contained in:
danielyxie
2018-09-21 11:31:44 -05:00
parent 0fc06c3323
commit 7ef6f6896e
2 changed files with 21 additions and 2 deletions

View File

@@ -85,9 +85,14 @@ tr:focus {
color: #e6e6e6;
background-color: #555;
padding: 12px 8px;
text-decoration: none;
}
.mainmenu.classic > li a {
padding: 16px;
}
/* Hovering makes them lighter */
.mainmenu > li a:hover,
.mainmenu > li a:hover:not(.active),
@@ -118,6 +123,11 @@ tr:focus {
outline: 2px solid #fff;
}
.mainmenu-accordion-header-classic {
border: 2px solid #fff;
padding: 16px !important;
}
/* Plus and minus signs */
.mainmenu-accordion-header:after {
content: '\02795';
@@ -130,7 +140,16 @@ tr:focus {
text-shadow: 0 0 0 #fff;
}
.mainmenu-accordion-header.opened {
.mainmenu-accordion-header-classic:after {
content: '\02795';
float: right;
font-size: $defaultFontSize * 0.8125;
color: #fff;
margin-left: 5px;
}
.mainmenu-accordion-header.opened,
.mainmenu-accordion-header-classic.opened {
background-color: #222;
&:after {