lille-metropole-2022: refactor mobile navigation (#71833)
gitea-wip/publik-base-theme/pipeline/pr-main This commit looks good
Details
gitea-wip/publik-base-theme/pipeline/pr-main This commit looks good
Details
This commit is contained in:
parent
7c0914a482
commit
fb10a60ab9
|
@ -1,6 +1,12 @@
|
|||
@import '../includes/fonts/lato';
|
||||
@import '../includes/fonts/montserrat';
|
||||
|
||||
@media ($max-mobile-viewport) {
|
||||
body {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
div#page {
|
||||
background: url('img/body-bg.png') center left no-repeat;;
|
||||
}
|
||||
|
@ -88,11 +94,6 @@ h1#logo {
|
|||
}
|
||||
|
||||
div.gru-nav {
|
||||
> ul {
|
||||
margin-top: 0;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
li {
|
||||
&:hover, &.selected {
|
||||
a {
|
||||
|
@ -113,9 +114,12 @@ div.gru-nav {
|
|||
}
|
||||
}
|
||||
.gru-nav-button {
|
||||
top: 5px;
|
||||
position: absolute;
|
||||
z-index: 2002;
|
||||
+ ul {
|
||||
@media ($max-mobile-viewport) {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
&.toggled {
|
||||
position: fixed;
|
||||
background: transparent;
|
||||
|
@ -136,9 +140,8 @@ div.gru-nav {
|
|||
border-top: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
z-index: 2001;
|
||||
padding: $nav-mobile-bottom-bar-height 1rem 1rem 5rem;
|
||||
padding: $nav-mobile-bottom-bar-height 1rem 1rem 2rem;
|
||||
a {
|
||||
&::before {
|
||||
content: '';
|
||||
|
|
|
@ -33,6 +33,8 @@ $nav-mobile-bottom-bar-color: white;
|
|||
$nav-mobile-bottom-bar-item-hover-background: transparent;
|
||||
$nav-mobile-bottom-bar-item-selected-background: $nav-mobile-bottom-bar-item-hover-background;
|
||||
|
||||
$responsive-menu: left-to-right;
|
||||
|
||||
$footer-color: white;
|
||||
|
||||
$title-font-family: Montserrat, sans-serif;
|
||||
|
|
Loading…
Reference in New Issue