xarxaprod
/
oficinasuport-wp-theme
3
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled menus in different screen sizes

This commit is contained in:
jorge 2022-12-02 17:56:01 +01:00
parent bd41d7332f
commit 345ac82885
3 changed files with 52 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
sass/components/navigation/_navigation.scss
View File

@ -74,17 +74,11 @@
.current_page_ancestor > a, .current_page_ancestor > a,
.current-menu-ancestor > a { .current-menu-ancestor > a {
font-weight: bold; font-weight: bold;
border-left: 1px solid $color__black;
} }
} }
.main-navigation { .main-navigation {
.current-menu-item::after {
border-bottom: 2px solid #000;
display: block;
content: "";
width: 60%;
margin: 0 20%;
}
} }
.secondary-navigation { .secondary-navigation {
padding: 1.5rem 0; padding: 1.5rem 0;
@ -116,11 +110,26 @@
a { a {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
.current_page_item > a,
.current-menu-item > a,
.current_page_ancestor > a,
.current-menu-ancestor > a {
border-left: none;
}
} }
.main-navigation { .main-navigation {
padding-bottom: 1em;
ul { ul {
justify-content: end; justify-content: end;
} }
.current-menu-item::after {
display: block;
content: "";
width: 60%;
margin:0 20%;
margin-top: 0.9em;
border-bottom: 2px solid $color__black;
}
} }
.secondary-navigation { .secondary-navigation {
} }
@ -153,4 +162,11 @@
padding: 0 1rem; padding: 0 1rem;
} }
} }
.main-navigation {
padding-bottom: 0;
.current-menu-item::after {
margin-top: 0.4em;
height: 100%;
}
}
} }

35
style.css
View File

@ -832,13 +832,7 @@ textarea {
.secondary-navigation .current_page_ancestor > a, .secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a { .secondary-navigation .current-menu-ancestor > a {
font-weight: bold; font-weight: bold;
} border-left: 1px solid #000;
.main-navigation .current-menu-item::after {
border-bottom: 2px solid #000;
display: block;
content: "";
width: 60%;
margin: 0 20%;
} }
.secondary-navigation { .secondary-navigation {
padding: 1.5rem 0; padding: 1.5rem 0;
@ -867,9 +861,29 @@ textarea {
.main-navigation a, .secondary-navigation a { .main-navigation a, .secondary-navigation a {
padding: 0 0.5rem; padding: 0 0.5rem;
} }
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a, .secondary-navigation .current_page_item > a,
.secondary-navigation .current-menu-item > a,
.secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a {
border-left: none;
}
.main-navigation {
padding-bottom: 1em;
}
.main-navigation ul { .main-navigation ul {
justify-content: end; justify-content: end;
} }
.main-navigation .current-menu-item::after {
display: block;
content: "";
width: 60%;
margin: 0 20%;
margin-top: 0.9em;
border-bottom: 2px solid #000;
}
} }
.site-main .comment-navigation, .site-main .site-main .comment-navigation, .site-main
@ -901,6 +915,13 @@ textarea {
.main-navigation a, .secondary-navigation a { .main-navigation a, .secondary-navigation a {
padding: 0 1rem; padding: 0 1rem;
} }
.main-navigation {
padding-bottom: 0;
}
.main-navigation .current-menu-item::after {
margin-top: 0.4em;
height: 100%;
}
} }
/* Posts and pages /* Posts and pages

2
style.css.map
View File

File diff suppressed because one or more lines are too long