Update sitemenu widget css.

This commit is contained in:
BoHung Chiu 2021-06-03 21:51:27 +08:00
parent f573a3fba9
commit 4421518d94
1 changed files with 106 additions and 91 deletions

View File

@ -1,4 +1,4 @@
@charset "utf-8";
@charset "utf-8";
@import "../initial";
@ -12,43 +12,49 @@
font-size: 1.8em;
font-weight: normal
}
.sitemenu-list.level-1 {
list-style: square;
color: $site-menu-disc;
overflow: hidden;
list-style-position: inside;
margin: 0;
line-height: 0.4;
background-color: #F0F0F0;
}
.sitemenu-item.level-1 {
font-size: 1em;
position: relative;
float: left;
padding: 1.2em 0;
margin: 8px;
margin: 0.5em;
margin-bottom: 0;
&:hover {
color: $a-hover;
text-decoration: underline;
.sitemenu-list.level-2 {
display: block;
}
}
}
.sitemenu-link.level-1 {
color: #4B4B4B;
text-decoration: none;
&:hover {
color: $a-hover;
text-decoration: underline;
}
}
.sitemenu-dropdown-toggle {
font-size: 0.75rem;
padding: 0.125em .3125rem;
cursor: pointer;
display: none;
}
// sitemenu dropdown
.sitemenu-list.dropdown-menu {
min-width: 100%;
margin-top: 0.25em;
margin-top: 0;
border: none;
border-radius: .2em;
background: $theme-color-main;
@ -75,6 +81,15 @@
padding: 0.625em 1.25em;
position: relative;
color: $theme-white;
&:hover {
color: $a-hover;
text-decoration: underline;
.sitemenu-list.level-2 {
display: block;
}
}
}
.sitemenu-link {