mirror of
https://github.com/meineerde/holgerjust.de.git
synced 2026-02-21 11:02:03 +00:00
Don't flicker the home button when the menu is opened
This commit is contained in:
parent
50ea0cf1e9
commit
2b17e82fa8
@ -7,7 +7,8 @@ cover_license: '[Cover Image](https://unsplash.com/photos/2ShvY8Lf6l0) by [Lukas
|
||||
|
||||
%header.main-header.author-head{cover}
|
||||
%nav.main-nav.overlay.clearfix
|
||||
%a.home-button.icon-angle-left{href: home_path} Home
|
||||
%a.home-button.icon-angle-left{href: home_path}
|
||||
%span.word Home
|
||||
- if blog_settings.navigation
|
||||
%a.menu-button.icon-menu{href: '#'}
|
||||
%span.word Menu
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
= wrap_layout :layout do
|
||||
%header.main-header.post-head{cover}
|
||||
%nav.main-nav.clearfix{class: cover? ? 'overlay' : nil}
|
||||
%a.home-button.icon-angle-left{href: home_path} Home
|
||||
%a.home-button.icon-angle-left{href: home_path}
|
||||
%span.word Home
|
||||
- if blog_settings.navigation
|
||||
%a.menu-button.icon-menu{href: '#'}
|
||||
%span.word Menu
|
||||
|
||||
@ -1,7 +1,8 @@
|
||||
= wrap_layout :layout do
|
||||
%header.main-header.post-head{cover}
|
||||
%nav.main-nav.clearfix{class: cover? ? 'overlay' : nil}
|
||||
%a.home-button.icon-angle-left{href: home_path} Home
|
||||
%a.home-button.icon-angle-left{href: home_path}
|
||||
%span.word Home
|
||||
- if blog_settings.navigation
|
||||
%a.menu-button.icon-menu{href: '#'}
|
||||
%span.word Menu
|
||||
|
||||
@ -6,6 +6,20 @@
|
||||
.home-button {
|
||||
@extend .menu-button;
|
||||
float: left;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
/* When the navigation is closed */
|
||||
.nav-opened .home-button {
|
||||
color: #fff;
|
||||
border-color: rgba(255, 255, 255, 0.6);
|
||||
background: transparent;
|
||||
}
|
||||
/* When the navigation is closed and there is no cover image */
|
||||
.nav-opened .no-cover .home-button {
|
||||
color: #9EABB3;
|
||||
border-color: #BFC8CD;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.byline {
|
||||
|
||||
@ -6,7 +6,8 @@ cover_license: '[Cover Image](https://unsplash.com/photos/2ShvY8Lf6l0) by [Lukas
|
||||
|
||||
%header.main-header.tag-head{cover}
|
||||
%nav.main-nav.overlay.clearfix
|
||||
%a.home-button.icon-angle-left{href: home_path} Home
|
||||
%a.home-button.icon-angle-left{href: home_path}
|
||||
%span.word Home
|
||||
- if blog_settings.navigation
|
||||
%a.menu-button.icon-menu{href: '#'}
|
||||
%span.word Menu
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user