1
0
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:
Holger Just 2016-01-22 00:44:03 +01:00
parent 50ea0cf1e9
commit 2b17e82fa8
5 changed files with 22 additions and 4 deletions

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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 {

View File

@ -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