chiu
/
AsiaV2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update sitemenu widget css.

This commit is contained in:
BoHung Chiu 2021-06-03 21:59:41 +08:00
parent 34f5e2d427
commit 98aee5354b
1 changed files with 106 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
assets/stylesheets/template/widget/sitemenu.scss
View File

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