arcHIVE-tech/arc-hive-wordpress-theme
arcHIVE-tech
/
arc-hive-wordpress-theme
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

defined styles menu resources´ 

/
This commit is contained in:
jorge 2022-04-08 17:19:57 +02:00
parent 1789004538
commit a6c7de81da
3 changed files with 83 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/assets/css/app.css vendored
View File

File diff suppressed because one or more lines are too long

51
dist/assets/scss/modules/_navigation.scss vendored
View File

@ -1,20 +1,51 @@
@include breakpoint(small){
.menu {
list-style:none;
.menu-item-has-children {
.sub-menu {
display:none;
}
&:hover {
.sub-menu {
display:inline-block;
.widget_nav_menu {
ul.menu {
list-style: none;
margin: 0;
padding: 0;
li.menu-item-has-children {
display: inline-block;
position: relative;
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%;
}
}
}
}
&:hover,&:focus-within {
> ul.sub-menu {
display: inline-block;
position: absolute;
margin-left: 0;
background-color: $white;
}
}
}
}
}
}
@include breakpoint(medium){
}
@include breakpoint(large){
}

51
src/assets/scss/modules/_navigation.scss
View File

@ -1,20 +1,51 @@
@include breakpoint(small){
.menu {
list-style:none;
.menu-item-has-children {
.sub-menu {
display:none;
}
&:hover {
.sub-menu {
display:inline-block;
.widget_nav_menu {
ul.menu {
list-style: none;
margin: 0;
padding: 0;
li.menu-item-has-children {
display: inline-block;
position: relative;
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%;
}
}
}
}
&:hover,&:focus-within {
> ul.sub-menu {
display: inline-block;
position: absolute;
margin-left: 0;
background-color: $white;
}
}
}
}
}
}
@include breakpoint(medium){
}
@include breakpoint(large){
}