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

montpellier: display responsive menu on click on hamburger button 

(broken since nav.scss switched to class-based selectors in #24447)
This commit is contained in:
Frédéric Péters 2018-08-20 13:28:54 +02:00
parent 81b03f3bcc
commit 3c44eafd0c
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/montpellier/_custom.scss
View File

@ -630,30 +630,29 @@ div#login-actions .actions form {
}
@media screen and (max-width: $mobile-limit) {
div#nav #nav-button + ul {
width: 0;
div.gru-nav .gru-nav-button + ul {
top: -17px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26), 0px 2px 10px 0px rgba(0, 0, 0, 0.22);
}
div#nav #nav-button + ul li {
div.gru-nav .gru-nav-button + ul li {
margin-right: 0;
}
div#nav #nav-button + ul a {
div.gru-nav .gru-nav-button + ul a {
color: white;
}
div#nav #nav-button {
div.gru-nav .gru-nav-button {
top: 0px;
left: 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.76);
}
div#nav.toggled #nav-button {
div.gru-nav.toggled .gru-nav-button {
box-shadow: none;
}
div#nav #nav-button + ul {
div.gru-nav .gru-nav-button + ul {
background: #eee url(logo-m3m-50p.png) no-repeat 50% 128%;
@include vendor-prefix('transition', 'all 0.25s ease');
}
div#nav.toggled #nav-button + ul {
div.gru-nav.toggled .gru-nav-button + ul {
background-position: 50% 78%;
}
body {