ken
/
orbit_demo_new_old2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'menu'

This commit is contained in:
ken 2025-08-21 13:46:58 +08:00
parent cad68311ba
commit df393aed61
2 changed files with 74 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/stylesheets/template/layout/header.scss
View File

@ -56,7 +56,7 @@
}
.header-banner { overflow: hidden; }
.header-nav {
padding:0;
padding:1em 0 0 0;
font-family: $main-font;
text-transform:uppercase;
display: flex;

147
assets/stylesheets/template/modules/menu.scss
View File

@ -2,79 +2,79 @@
@import "../initial";
// // 選單樣式2
// .modules-menu .modules-menu-level-1 > li:hover, .modules-menu .modules-menu-level-1 > li.hover-class{
// background-color: transparent!important;
// >a{
// text-decoration: underline;
// }
// }
// .modules-menu{
// @media (min-width: $screen-sm){
// li{
// padding-left: 0!important;
// }
// .modules-menu-level-1 > li > a{
// color: $theme-color-second!important;
// }
// }
// .modules-menu-level-0 > li{
// @media (min-width: $screen-sm){
// position: static!important;
// }
// }
//
// .modules-menu-level-1{
//
// @media (min-width: $screen-sm){
// min-width:unset;
// flex-wrap: wrap;
// justify-content: flex-start;
// display: flex!important;
// visibility: hidden;
// opacity: 0;
// width: 100vw!important;
// box-shadow: 2px 2px 5px #00000033;
// margin:0;
// padding:1em 13% 3em!important;
// transition-duration: 0.5s;
// background: #f0f0f0;
// }
// }
// .modules-menu-level-0 > li:hover .modules-menu-level-1, .modules-menu .modules-menu-level-0 > li.hover-class .modules-menu-level-1{
// visibility: visible!important;
// opacity: 1!important;
// }
//
// .modules-menu-level-2 {
// right:auto!important;
// display: block;
// top: auto!important;
// left: auto!important;
// background-color: transparent!important;
// position: relative!important;
// }
// .modules-menu-level-1{
// @media (min-width: $screen-sm) {
// & > li {
// width: 25%;
// & > a {
// padding-left: 1em;
// padding: 5px 0;
// }
//
// &:hover {
// .modules-menu-level-2 {
// display: block;
// }
// }
// }
// .modules-menu-level-2{
// display: block;
// }
// }
// }
// }
// 選單樣式2
.modules-menu .modules-menu-level-1 > li:hover, .modules-menu .modules-menu-level-1 > li.hover-class{
background-color: transparent!important;
>a{
text-decoration: underline;
}
}
.modules-menu{
@media (min-width: $screen-sm){
li{
padding-left: 0!important;
}
.modules-menu-level-1 > li > a{
color: $theme-color-second!important;
}
}
.modules-menu-level-0 > li{
@media (min-width: $screen-sm){
position: static!important;
}
}
.modules-menu-level-1{
@media (min-width: $screen-sm){
min-width:unset;
flex-wrap: wrap;
justify-content: flex-start;
display: flex!important;
visibility: hidden;
opacity: 0;
width: 100vw!important;
box-shadow: 2px 2px 5px #00000033;
margin:0;
padding:1em 13% 3em!important;
transition-duration: 0.5s;
background: #f0f0f0;
}
}
.modules-menu-level-0 > li:hover .modules-menu-level-1, .modules-menu .modules-menu-level-0 > li.hover-class .modules-menu-level-1{
visibility: visible!important;
opacity: 1!important;
}
.modules-menu-level-2 {
right:auto!important;
display: block;
top: auto!important;
left: auto!important;
background-color: transparent!important;
position: relative!important;
}
.modules-menu-level-1{
@media (min-width: $screen-sm) {
& > li {
width: 25%;
& > a {
padding-left: 1em;
padding: 5px 0;
}
&:hover {
.modules-menu-level-2 {
display: block;
}
}
}
.modules-menu-level-2{
display: block;
}
}
}
}
//固定選單
.navFixed {
@ -419,7 +419,6 @@
}
&:hover {
/* background-color: $theme-color-second;*/
@media(max-width: 769px){
a,i {
color:$theme-color-second;