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

View File

@ -1,4 +1,4 @@
@charset "utf-8";
@charset "utf-8";
@import "../initial";
@ -6,102 +6,117 @@
margin-top: 16px;
font-weight: bold;
@include clearfix;
@include clearfix;
.sitemenu-title {
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;
}
.sitemenu-link.level-1 {
color: #4B4B4B;
text-decoration: none;
&:hover {
color: $a-hover;
text-decoration: underline;
.sitemenu-title {
font-size: 1.8em;
font-weight: normal
}
}
.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;
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-list.level-1 {
list-style: square;
color: $site-menu-disc;
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: 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;
}
.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-list {
background-color: $theme-color-second;
}
.sitemenu-item.level-1 {
padding: 0.625em 1.25em;
position: relative;
color: $theme-white;
}
.sitemenu-link {
font-size: 0.8125rem;
color: $theme-white;
}
.sitemenu-dropdown-toggle {
font-size: 0.75rem;
padding: 0.125em .3125rem;
cursor: pointer;
}
.sitemenu-list.dropdown-menu {
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-list {
background-color: $theme-color-second;
}
.sitemenu-item.level-1 {
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 {
font-size: 0.8125rem;
color: $theme-white;
}
.sitemenu-dropdown-toggle {
font-size: 0.75rem;
padding: 0.125em .3125rem;
cursor: pointer;
}
.sitemenu-list.dropdown-menu {
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;
}
}
}
}