Update sitemenu widget css.

This commit is contained in:
BoHung Chiu 2021-06-03 21:51:39 +08:00
parent 8da1885b1c
commit bccb924f82
1 changed files with 106 additions and 91 deletions

View File

@ -1,4 +1,4 @@
@charset "utf-8"; @charset "utf-8";
@import "../initial"; @import "../initial";
@ -6,102 +6,117 @@
margin-top: 16px; margin-top: 16px;
font-weight: bold; font-weight: bold;
@include clearfix; @include clearfix;
.sitemenu-title { .sitemenu-title {
font-size: 1.8em; font-size: 1.8em;
font-weight: normal 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;
}
.sitemenu-link.level-1 {
color: #4B4B4B;
text-decoration: none;
&:hover {
color: $a-hover;
text-decoration: underline;
} }
}
.sitemenu-dropdown-toggle { .sitemenu-list.level-1 {
font-size: 0.75rem; list-style: square;
padding: 0.125em .3125rem; color: $site-menu-disc;
cursor: pointer; list-style-position: inside;
display: none; margin: 0;
} line-height: 0.4;
background-color: #F0F0F0;
// sitemenu dropdown }
.sitemenu-list.dropdown-menu {
min-width: 100%; .sitemenu-item.level-1 {
margin-top: 0.25em; font-size: 1em;
border: none; position: relative;
border-radius: .2em; float: left;
background: $theme-color-main; padding: 1.2em 0;
} margin: 0.5em;
margin-bottom: 0;
.sitemenu-link.level-2 {
color: $theme-white; &:hover {
font-size: 0.8125rem; color: $a-hover;
padding: 0.25em 0.625rem; text-decoration: underline;
&:hover { .sitemenu-list.level-2 {
text-decoration: underline; display: block;
background-color: transparent; }
}
}
.sitemenu-link.level-1 {
color: #4B4B4B;
text-decoration: none;
}
.sitemenu-dropdown-toggle {
font-size: 0.75rem;
padding: 0.125em .3125rem;
cursor: pointer;
}
// sitemenu dropdown
.sitemenu-list.dropdown-menu {
min-width: 100%;
margin-top: 0;
border: none;
border-radius: .2em;
background: $theme-color-main;
}
.sitemenu-link.level-2 {
color: $theme-white;
font-size: 0.8125rem;
padding: 0.25em 0.625rem;
&:hover {
text-decoration: underline;
background-color: transparent;
}
} }
}
} }
.sitemenu-vertical { .sitemenu-vertical {
.sitemenu-list { .sitemenu-list {
background-color: $theme-color-second; background-color: $theme-color-second;
} }
.sitemenu-item.level-1 { .sitemenu-item.level-1 {
padding: 0.625em 1.25em; padding: 0.625em 1.25em;
position: relative; position: relative;
color: $theme-white; color: $theme-white;
}
&:hover {
.sitemenu-link { color: $a-hover;
font-size: 0.8125rem; text-decoration: underline;
color: $theme-white;
} .sitemenu-list.level-2 {
display: block;
.sitemenu-dropdown-toggle { }
font-size: 0.75rem; }
padding: 0.125em .3125rem; }
cursor: pointer;
} .sitemenu-link {
font-size: 0.8125rem;
.sitemenu-list.dropdown-menu { color: $theme-white;
border: none; }
border-radius: .2em;
background: $theme-color-main; .sitemenu-dropdown-toggle {
} font-size: 0.75rem;
padding: 0.125em .3125rem;
.sitemenu-link.level-2 { cursor: pointer;
color: $theme-white; }
font-size: 0.8125rem;
padding: 0.25em 0.625rem; .sitemenu-list.dropdown-menu {
border: none;
&:hover { border-radius: .2em;
text-decoration: underline; background: $theme-color-main;
background-color: transparent; }
.sitemenu-link.level-2 {
color: $theme-white;
font-size: 0.8125rem;
padding: 0.25em 0.625rem;
&:hover {
text-decoration: underline;
background-color: transparent;
}
} }
}
} }