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

grandlyon-sau: display category selected only menu (#24784) 

Highlight active submenu.

Rename variable referring to sub-pages.
This commit is contained in:
Serghei Mihai 2018-07-16 16:18:04 +02:00
parent 86b9c15765
commit cf1080500b
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
static/grandlyon-sau/_categorie-demande.scss
View File

@ -1,3 +1,5 @@
$subpages: transport-en-commun, velo-partage, parking, autopartage, scooters, tourisme, sport, musees, carte-culture;
#content {
.menucell.categories-demandes {
* {
@ -88,15 +90,15 @@
}
}
// Declare the right class name within the following list
@each $category in (transport-en-commun, velo-partage, parking, autopartage, scooters, tourisme, sport, musees, carte-culture) {
&.menu-#{$category} {
@each $page in $subpages {
&.menu-#{$page} {
&:hover {
a::before {
background-image: url("img/#{$category}-hover.png");
background-image: url("img/#{$page}-hover.png");
}
}
a::before {
background-image: url("img/#{$category}.png");
background-image: url("img/#{$page}.png");
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
@ -164,5 +166,27 @@
}
}
}
&.categorie-demandes div > ul > li {
display: none;
&.selected {
@include flexbox();
@include flex-direction(column);
@media screen and (min-width: $mobile-limit) {
@include flex-direction(row);
}
}
}
}
}
@each $page in $subpages {
body.page-#{$page} {
#content div.menucell.categories-demandes li.menu-#{$page} a {
background-color: #999999;
color: #FFFFFF;
&::before {
background-image: url("img/#{$page}-hover.png");
}
}
}
}