Commit 478873b0 authored by Benthe Kuijpers's avatar Benthe Kuijpers
Browse files

menu added hover style + baseline alignment

parent 5852bae2
...@@ -51,13 +51,45 @@ ...@@ -51,13 +51,45 @@
font-family: $font-header; font-family: $font-header;
font-size: 19px; font-size: 19px;
line-height: 21px; line-height: 21px;
position: relative;
@media only screen and (min-width: $medium) { @media only screen and (min-width: $medium) {
padding: 10px 8px; padding: 10px 8px 0;
} }
@media only screen and (min-width: $large) { @media only screen and (min-width: $large) {
padding: 15px; padding: 15px 15px 0;
}
&:before, &:after {
z-index: -2;
content: "";
position: absolute;
height: 3px;
bottom: 18px;
left: 10px;
right: 12px;
mix-blend-mode: multiply;
transition: background 0.2s ease;
background: transparent;
@media only screen and (min-width: $medium) {
bottom: -2px;
}
@media only screen and (min-width: $large) {
left: 15px;
right: 17px;
}
}
&:after {
transform: translate(2px,2px);
}
&:hover:after,
&:hover:before {
background: $bg-yellow;
} }
} }
...@@ -132,38 +164,29 @@ ...@@ -132,38 +164,29 @@
} }
} }
&.current-menu-item a, &.current-menu-item {
.menu-item-32 .post-type-archive-resources & a { a:before {
position: relative; background: $blue;
}
&:before, &:after { a:after {
z-index: -2; background: $bg-yellow;
content: ""; }
position: absolute;
height: 3px;
bottom: 18px;
left: 10px;
right: 12px;
mix-blend-mode: multiply;
@media only screen and (min-width: $medium) { &.news a:before {
bottom: 8px; background: $red;
} }
@media only screen and (min-width: $large) { &.resources a:before {
left: 15px; background: $green;
right: 17px;
bottom: 13px;
}
} }
&:before { &.getinvolved a:before {
background: $blue; background: $purple;
} }
&:after { &.about a:before {
transform: translate(2px,2px); background: $yellow;
background: $lightblue;
} }
} }
} }
......
...@@ -33,13 +33,10 @@ function current_menu_item_for_archives($menu) { ...@@ -33,13 +33,10 @@ function current_menu_item_for_archives($menu) {
global $post; global $post;
if (is_singular('post')) { if (is_singular('post')) {
$menu = str_replace( 'news', 'current-menu-item', $menu ); $menu = str_replace( 'news', 'news current-menu-item', $menu );
} }
if (get_post_type($post) == 'resources') { if (get_post_type($post) == 'resources') {
$menu = str_replace( 'resources', 'current-menu-item', $menu ); $menu = str_replace( 'resources', 'resources current-menu-item', $menu );
}
if (get_post_type($post) == 'events') {
$menu = str_replace( 'events', 'current-menu-item', $menu );
} }
return $menu; return $menu;
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment