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

menu added hover style + baseline alignment

parent 5852bae2
......@@ -51,13 +51,45 @@
font-family: $font-header;
font-size: 19px;
line-height: 21px;
position: relative;
@media only screen and (min-width: $medium) {
padding: 10px 8px;
padding: 10px 8px 0;
}
@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 @@
}
}
&.current-menu-item a,
.menu-item-32 .post-type-archive-resources & a {
position: relative;
&.current-menu-item {
a:before {
background: $blue;
}
&:before, &:after {
z-index: -2;
content: "";
position: absolute;
height: 3px;
bottom: 18px;
left: 10px;
right: 12px;
mix-blend-mode: multiply;
a:after {
background: $bg-yellow;
}
@media only screen and (min-width: $medium) {
bottom: 8px;
}
&.news a:before {
background: $red;
}
@media only screen and (min-width: $large) {
left: 15px;
right: 17px;
bottom: 13px;
}
&.resources a:before {
background: $green;
}
&:before {
background: $blue;
&.getinvolved a:before {
background: $purple;
}
&:after {
transform: translate(2px,2px);
background: $lightblue;
&.about a:before {
background: $yellow;
}
}
}
......
......@@ -33,13 +33,10 @@ function current_menu_item_for_archives($menu) {
global $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') {
$menu = str_replace( 'resources', 'current-menu-item', $menu );
}
if (get_post_type($post) == 'events') {
$menu = str_replace( 'events', 'current-menu-item', $menu );
$menu = str_replace( 'resources', 'resources current-menu-item', $menu );
}
return $menu;
}
......
Markdown is supported
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