Выровнять логотип и бургер в шапке
This commit is contained in:
@@ -4071,6 +4071,31 @@ body.menu-open{overflow:hidden}
|
|||||||
.reveal{opacity:1;transform:none;transition:none}
|
.reveal{opacity:1;transform:none;transition:none}
|
||||||
.arch-card,.restaurant-card,.museum-card{transition:none}
|
.arch-card,.restaurant-card,.museum-card{transition:none}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Логотип всегда по центру панели, бургер — по правому краю и по вертикальному центру. */
|
||||||
|
.baikal-nav-wrap{
|
||||||
|
justify-content:center!important;
|
||||||
|
align-items:center!important;
|
||||||
|
}
|
||||||
|
.baikal-brand{
|
||||||
|
position:absolute!important;
|
||||||
|
left:50%!important;
|
||||||
|
top:50%!important;
|
||||||
|
max-width:calc(100% - 96px)!important;
|
||||||
|
transform:translate(-50%,-50%)!important;
|
||||||
|
animation:brandCenteredIn .55s ease-out .08s both!important;
|
||||||
|
}
|
||||||
|
.menu-toggle{
|
||||||
|
position:absolute!important;
|
||||||
|
top:50%!important;
|
||||||
|
right:max(4vw,24px)!important;
|
||||||
|
margin:0!important;
|
||||||
|
transform:translateY(-50%)!important;
|
||||||
|
}
|
||||||
|
@keyframes brandCenteredIn{
|
||||||
|
from{opacity:0;transform:translate(-50%,calc(-50% - 10px))}
|
||||||
|
to{opacity:1;transform:translate(-50%,-50%)}
|
||||||
|
}
|
||||||
.baikal-nav.is-open a:nth-child(4){transition-delay:.09s!important}
|
.baikal-nav.is-open a:nth-child(4){transition-delay:.09s!important}
|
||||||
.baikal-nav.is-open a:nth-child(5){transition-delay:.12s!important}
|
.baikal-nav.is-open a:nth-child(5){transition-delay:.12s!important}
|
||||||
.baikal-nav.is-open a:nth-child(6){transition-delay:.15s!important}
|
.baikal-nav.is-open a:nth-child(6){transition-delay:.15s!important}
|
||||||
|
|||||||
Reference in New Issue
Block a user