arc-hive-wordpress-theme/dist/assets/scss/modules/_navigation.scss

96 lines
2.4 KiB
SCSS
Raw Normal View History

2022-04-08 18:26:32 +02:00
@include breakpoint(small){
2022-04-08 17:19:57 +02:00
.widget_nav_menu {
ul.menu {
list-style: none;
margin: 0;
padding: 0;
li.menu-item-has-children {
display: inline-block;
position: relative;
2022-04-08 18:26:32 +02:00
&:hover,&:focus-within {
> ul.sub-menu {
display: inline-block;
position: absolute;
margin-left: 0;
background-color: $white;
}
}
2022-04-08 17:19:57 +02:00
ul.sub-menu {
list-style: none;
display: none;
li.menu-item-has-children {
position:relative;
display: inline-block;
padding-right:100%;
> a:after {
content: ' > ';
display: inline;
position: absolute;
color: scale-color($anchor-color, $lightness: 80%);
}
&:hover,&:focus-within {
> ul.sub-menu {
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: auto;
width: 100%;
}
}
}
}
2022-04-08 18:26:32 +02:00
}
}
}
}
@include breakpoint(medium){
.widget_nav_menu {
ul.menu {
// list-style: none;
// margin: 0;
// padding: 0;
li.menu-item-has-children {
// display: inline-block;
// position: relative;
2022-04-08 17:19:57 +02:00
&:hover,&:focus-within {
> ul.sub-menu {
2022-04-08 18:26:32 +02:00
// display: inline-block;
2022-04-08 17:19:57 +02:00
position: absolute;
2022-04-08 18:26:32 +02:00
// margin-left: 0;
// background-color: $white;
}
}
ul.sub-menu {
// list-style: none;
// display: none;
li.menu-item-has-children {
// position:relative;
// display: inline-block;
// padding-right:100%;
> a:after {
// content: ' > ';
// display: inline;
// position: absolute;
// color: scale-color($anchor-color, $lightness: 80%);
}
&:hover,&:focus-within {
> ul.sub-menu {
// display: inline-block;
position: absolute;
// top: 0;
// left: 50%;
// margin-left: auto;
// width: 100%;
}
}
2022-04-08 17:19:57 +02:00
}
2022-04-08 03:02:31 +02:00
}
}
}
}
}
@include breakpoint(large){
}