styled menus in different screen sizes
This commit is contained in:
parent
bd41d7332f
commit
345ac82885
|
@ -74,17 +74,11 @@
|
|||
.current_page_ancestor > a,
|
||||
.current-menu-ancestor > a {
|
||||
font-weight: bold;
|
||||
border-left: 1px solid $color__black;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation {
|
||||
.current-menu-item::after {
|
||||
border-bottom: 2px solid #000;
|
||||
display: block;
|
||||
content: "";
|
||||
width: 60%;
|
||||
margin: 0 20%;
|
||||
}
|
||||
}
|
||||
.secondary-navigation {
|
||||
padding: 1.5rem 0;
|
||||
|
@ -116,11 +110,26 @@
|
|||
a {
|
||||
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 {
|
||||
padding-bottom: 1em;
|
||||
ul {
|
||||
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 {
|
||||
}
|
||||
|
@ -153,4 +162,11 @@
|
|||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
.main-navigation {
|
||||
padding-bottom: 0;
|
||||
.current-menu-item::after {
|
||||
margin-top: 0.4em;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
35
style.css
35
style.css
|
@ -832,13 +832,7 @@ textarea {
|
|||
.secondary-navigation .current_page_ancestor > a,
|
||||
.secondary-navigation .current-menu-ancestor > a {
|
||||
font-weight: bold;
|
||||
}
|
||||
.main-navigation .current-menu-item::after {
|
||||
border-bottom: 2px solid #000;
|
||||
display: block;
|
||||
content: "";
|
||||
width: 60%;
|
||||
margin: 0 20%;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
.secondary-navigation {
|
||||
padding: 1.5rem 0;
|
||||
|
@ -867,9 +861,29 @@ textarea {
|
|||
.main-navigation a, .secondary-navigation a {
|
||||
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 {
|
||||
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
|
||||
|
@ -901,6 +915,13 @@ textarea {
|
|||
.main-navigation a, .secondary-navigation a {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.main-navigation {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.main-navigation .current-menu-item::after {
|
||||
margin-top: 0.4em;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Posts and pages
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue