entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 11 Releases Wiki Activity

lille-metropole-2022: refactor mobile navigation (#71833) #47

Merged
smihai merged 1 commits from wip/71833-lille-metropole-refactor-mobile-nav into main 2022-12-01 12:19:00 +01:00
Conversation 1 Commits 1 Files Changed 2 +14 -9
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/lille-metropole-2022/_custom.scss
View File

@ -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: '';

2
static/lille-metropole-2022/_vars.scss
View File

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