'menu'
This commit is contained in:
parent
cad68311ba
commit
df393aed61
|
|
@ -56,7 +56,7 @@
|
||||||
}
|
}
|
||||||
.header-banner { overflow: hidden; }
|
.header-banner { overflow: hidden; }
|
||||||
.header-nav {
|
.header-nav {
|
||||||
padding:0;
|
padding:1em 0 0 0;
|
||||||
font-family: $main-font;
|
font-family: $main-font;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -2,79 +2,79 @@
|
||||||
|
|
||||||
@import "../initial";
|
@import "../initial";
|
||||||
|
|
||||||
// // 選單樣式2
|
// 選單樣式2
|
||||||
// .modules-menu .modules-menu-level-1 > li:hover, .modules-menu .modules-menu-level-1 > li.hover-class{
|
.modules-menu .modules-menu-level-1 > li:hover, .modules-menu .modules-menu-level-1 > li.hover-class{
|
||||||
// background-color: transparent!important;
|
background-color: transparent!important;
|
||||||
// >a{
|
>a{
|
||||||
// text-decoration: underline;
|
text-decoration: underline;
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// .modules-menu{
|
.modules-menu{
|
||||||
// @media (min-width: $screen-sm){
|
@media (min-width: $screen-sm){
|
||||||
// li{
|
li{
|
||||||
// padding-left: 0!important;
|
padding-left: 0!important;
|
||||||
// }
|
}
|
||||||
// .modules-menu-level-1 > li > a{
|
.modules-menu-level-1 > li > a{
|
||||||
// color: $theme-color-second!important;
|
color: $theme-color-second!important;
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// .modules-menu-level-0 > li{
|
.modules-menu-level-0 > li{
|
||||||
// @media (min-width: $screen-sm){
|
@media (min-width: $screen-sm){
|
||||||
// position: static!important;
|
position: static!important;
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
//
|
|
||||||
// .modules-menu-level-1{
|
.modules-menu-level-1{
|
||||||
//
|
|
||||||
// @media (min-width: $screen-sm){
|
@media (min-width: $screen-sm){
|
||||||
// min-width:unset;
|
min-width:unset;
|
||||||
// flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
// justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
// display: flex!important;
|
display: flex!important;
|
||||||
// visibility: hidden;
|
visibility: hidden;
|
||||||
// opacity: 0;
|
opacity: 0;
|
||||||
// width: 100vw!important;
|
width: 100vw!important;
|
||||||
// box-shadow: 2px 2px 5px #00000033;
|
box-shadow: 2px 2px 5px #00000033;
|
||||||
// margin:0;
|
margin:0;
|
||||||
// padding:1em 13% 3em!important;
|
padding:1em 13% 3em!important;
|
||||||
// transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
// background: #f0f0f0;
|
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{
|
.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;
|
visibility: visible!important;
|
||||||
// opacity: 1!important;
|
opacity: 1!important;
|
||||||
// }
|
}
|
||||||
//
|
|
||||||
// .modules-menu-level-2 {
|
.modules-menu-level-2 {
|
||||||
// right:auto!important;
|
right:auto!important;
|
||||||
// display: block;
|
display: block;
|
||||||
// top: auto!important;
|
top: auto!important;
|
||||||
// left: auto!important;
|
left: auto!important;
|
||||||
// background-color: transparent!important;
|
background-color: transparent!important;
|
||||||
// position: relative!important;
|
position: relative!important;
|
||||||
// }
|
}
|
||||||
// .modules-menu-level-1{
|
.modules-menu-level-1{
|
||||||
// @media (min-width: $screen-sm) {
|
@media (min-width: $screen-sm) {
|
||||||
// & > li {
|
& > li {
|
||||||
// width: 25%;
|
width: 25%;
|
||||||
// & > a {
|
& > a {
|
||||||
// padding-left: 1em;
|
padding-left: 1em;
|
||||||
// padding: 5px 0;
|
padding: 5px 0;
|
||||||
// }
|
}
|
||||||
//
|
|
||||||
// &:hover {
|
&:hover {
|
||||||
// .modules-menu-level-2 {
|
.modules-menu-level-2 {
|
||||||
// display: block;
|
display: block;
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// .modules-menu-level-2{
|
.modules-menu-level-2{
|
||||||
// display: block;
|
display: block;
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
|
|
||||||
//固定選單
|
//固定選單
|
||||||
.navFixed {
|
.navFixed {
|
||||||
|
|
@ -419,7 +419,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
/* background-color: $theme-color-second;*/
|
|
||||||
@media(max-width: 769px){
|
@media(max-width: 769px){
|
||||||
a,i {
|
a,i {
|
||||||
color:$theme-color-second;
|
color:$theme-color-second;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue