themes : use class 'site-nav' instead tag to select nav (#49976)
This commit is contained in:
parent
7b8c35d337
commit
cc06e49a8b
|
@ -1,7 +1,7 @@
|
|||
// Hide things the client asked
|
||||
|
||||
a#publik-portal-agent,
|
||||
nav {
|
||||
.site-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -77,7 +77,7 @@ div#main-content-wrapper {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
|
|
|
@ -122,7 +122,7 @@ body.has-picture {
|
|||
}
|
||||
}
|
||||
}
|
||||
nav::after {
|
||||
.site-nav::after {
|
||||
transition: all ease 0.2s;
|
||||
top: calc(#{$toplinks-height} + #{$nav-padding} + #{$font-size * 3});
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
|
@ -154,7 +154,7 @@ body.scrolled {
|
|||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
&.has-picture nav::after {
|
||||
&.has-picture .site-nav::after {
|
||||
top: calc(#{$nav-padding} + #{$font-size * 3});
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
top: -16px;
|
||||
|
|
|
@ -215,15 +215,15 @@ div#nav {
|
|||
}
|
||||
|
||||
// Picture
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0;
|
||||
}
|
||||
@media ($min-desktop-viewport) {
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
transition: top ease 0.2s;
|
||||
top: calc(#{$toplinks-height} + #{$header-desktop-height});
|
||||
}
|
||||
body.has-picture.scrolled nav::after {
|
||||
body.has-picture.scrolled .site-nav::after {
|
||||
top: $header-desktop-fixed-height;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -59,7 +59,7 @@ div#nav {
|
|||
background: white url(img/bg_logo.png) top center no-repeat;
|
||||
}
|
||||
|
||||
nav::after {
|
||||
.site-nav::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
div#page {
|
||||
nav ul {
|
||||
.site-nav ul {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -14,7 +14,7 @@ div#page {
|
|||
margin: 0 auto;
|
||||
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27);
|
||||
border-radius: 2 * $border-radius;
|
||||
.site-header, nav, #main-content-wrapper {
|
||||
.site-header, .site-nav, #main-content-wrapper {
|
||||
padding: 0 20px;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
padding: 0;
|
||||
|
|
|
@ -143,7 +143,7 @@ div.gru-nav > ul ul {
|
|||
}
|
||||
|
||||
// Page picture
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
position: static;
|
||||
max-width: $width;
|
||||
margin-left: auto;
|
||||
|
|
|
@ -41,7 +41,7 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
|
|
@ -247,7 +247,7 @@ div#footer {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
nav, #pwa-navigation {
|
||||
.site-nav, #pwa-navigation {
|
||||
display: none;
|
||||
}
|
||||
.pwa-navigation ~ footer {
|
||||
|
|
|
@ -58,7 +58,7 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
text-align: center;
|
||||
font-family: $title-font-family;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
|
|
|
@ -68,7 +68,7 @@ div#header {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
|
@ -109,7 +109,7 @@ div#main-content-wrapper {
|
|||
}
|
||||
|
||||
// Page picture
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
box-sizing: content-box;
|
||||
position: static;
|
||||
max-width: $width;
|
||||
|
|
|
@ -399,7 +399,7 @@ div#gauche {
|
|||
.wcs-step {
|
||||
margin-right: $wcs-steps-spacing;
|
||||
flex: 1 1 auto;
|
||||
max-width: 33%;
|
||||
max-width: 33%;
|
||||
&:last-child {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
@ -544,7 +544,7 @@ div.back-home-button {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -230,7 +230,7 @@ div.gru-nav-wrapper {
|
|||
|
||||
// Home image
|
||||
.page-index {
|
||||
nav {
|
||||
.site-nav {
|
||||
width: 1920px;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
|
|
|
@ -254,7 +254,7 @@ div#anomalies {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
display: none;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
display: block;
|
||||
|
|
|
@ -77,7 +77,7 @@ body.anonymous-user {
|
|||
|
||||
// navigation
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
|
|
|
@ -61,7 +61,7 @@ div#header h1#logo {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
background: $primary-color;
|
||||
#nav > ul {
|
||||
margin-left: 180px;
|
||||
|
@ -113,7 +113,7 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
@ -500,7 +500,7 @@ div#gauche {
|
|||
}
|
||||
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
height: 200px;
|
||||
margin-top: -6px;
|
||||
}
|
||||
|
|
|
@ -70,7 +70,7 @@ div#main-content-wrapper {
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
> nav {
|
||||
> .site-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
|
@ -54,7 +54,7 @@ $margin-center: 0 auto;
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
display: flex;
|
||||
|
||||
.user-nav {
|
||||
|
|
|
@ -444,14 +444,14 @@ div.menucell {
|
|||
|
||||
@if $nav-mobile-mode == bottom-bar {
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
nav {
|
||||
.site-nav {
|
||||
@include pwa-bottom-bar;
|
||||
}
|
||||
div#header h1 { // cancel hamburger
|
||||
padding-left: 0;
|
||||
background-position: 0;
|
||||
}
|
||||
body.has-picture[data-picture] nav::after {
|
||||
body.has-picture[data-picture] .site-nav::after {
|
||||
content: none;
|
||||
}
|
||||
footer {
|
||||
|
@ -462,14 +462,14 @@ div.menucell {
|
|||
|
||||
@if $nav-mobile-mode == hidden {
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
nav {
|
||||
.site-nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $nav-after-image == true {
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
|
@ -81,7 +81,7 @@ div.gru-nav .gru-nav-button {
|
|||
}
|
||||
}
|
||||
}
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
position: static;
|
||||
}
|
||||
|
||||
|
|
|
@ -70,7 +70,7 @@ div.gru-nav > ul {
|
|||
//
|
||||
// PAGE PICTURE
|
||||
//
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -103,7 +103,7 @@ body.has-picture {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
|
@ -152,7 +152,7 @@ body.has-picture nav::after {
|
|||
width: auto;
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
|
|
|
@ -24,7 +24,7 @@ $form-picto-keywords: adresse, aquabike, archives, asso, attestation, bibliotheq
|
|||
background: white;
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
z-index: 250;
|
||||
pointer-events: none;
|
||||
button, ul {
|
||||
|
|
|
@ -67,7 +67,7 @@ body.has-picture {
|
|||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
nav::after {
|
||||
.site-nav::after {
|
||||
transition: all ease 0.2s;
|
||||
top: -2rem;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
|
|
|
@ -123,7 +123,7 @@ button::-moz-focus-inner {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
z-index: 250;
|
||||
pointer-events: none;
|
||||
button, ul {
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
|
|
|
@ -52,7 +52,7 @@ div#main-content-wrapper {
|
|||
}
|
||||
|
||||
body.has-picture {
|
||||
nav::after {
|
||||
.site-nav::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
|
@ -14,7 +14,7 @@ div#page {
|
|||
max-width: $width;
|
||||
margin: 0 auto;
|
||||
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27);
|
||||
.site-header, nav, #main-content-wrapper {
|
||||
.site-header, .site-nav, #main-content-wrapper {
|
||||
padding: 0 20px;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
padding: 0;
|
||||
|
|
|
@ -171,7 +171,7 @@ body.has-picture {
|
|||
width: auto;
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
|
|
|
@ -446,7 +446,7 @@ body.scrolled div.gru-nav > ul {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
background-size: $width;
|
||||
position: static;
|
||||
margin-top: 160px;
|
||||
|
|
|
@ -80,12 +80,12 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
nav ul {
|
||||
.site-nav ul {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
@ -222,7 +222,7 @@ div.cancel-button {
|
|||
}
|
||||
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -65,7 +65,7 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
nav ul {
|
||||
.site-nav ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
@ -247,7 +247,7 @@ div.cancel-button {
|
|||
}
|
||||
|
||||
@media screen and (max-width: $nav-mobile-limit) {
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -22,7 +22,7 @@ div#header {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
background-color: $tertiary-color;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
@ -41,7 +41,7 @@ div.gru-nav {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
background-image: var(--page-picture);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
|
|
@ -138,7 +138,7 @@ div.gru-nav {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
position: static;
|
||||
width: $width;
|
||||
max-width: 100%;
|
||||
|
|
|
@ -42,7 +42,7 @@ div#header h1#logo {
|
|||
left: 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
border-bottom: 5px solid #ccc;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
border: 0;
|
||||
|
|
|
@ -281,7 +281,7 @@ div.back-home-button {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
|
|
@ -123,7 +123,7 @@ body.anonymous-user {
|
|||
|
||||
// navigation
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
|
|
|
@ -80,7 +80,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@ div#page {
|
|||
max-width: $width;
|
||||
margin: 0 auto;
|
||||
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27);
|
||||
header, nav, #main-content-wrapper {
|
||||
header, .site-nav, #main-content-wrapper {
|
||||
padding: 0 20px;
|
||||
@media screen and ($max-mobile-viewport) {
|
||||
padding: 0;
|
||||
|
|
|
@ -20,7 +20,7 @@ body {
|
|||
z-index: 1000;
|
||||
}
|
||||
|
||||
.site-header, nav {
|
||||
.site-header, .site-nav {
|
||||
background: white;
|
||||
}
|
||||
|
||||
|
@ -910,7 +910,7 @@ div.wcs-tracking-code-input {
|
|||
// different background to avoid mixing with navigation bar
|
||||
background: #2e2e2e;
|
||||
}
|
||||
nav {
|
||||
.site-nav {
|
||||
height: $mobile-navigation-height;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
@ -1101,7 +1101,7 @@ div.ui-widget-overlay {
|
|||
}
|
||||
|
||||
@media screen and (max-width: $desktop-limit) {
|
||||
body.focus-in nav {
|
||||
body.focus-in .site-nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -74,7 +74,7 @@ header {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
|
|
|
@ -109,7 +109,7 @@ a:hover {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
position: fixed;
|
||||
height: $intro-height;
|
||||
top: $header-height;
|
||||
|
@ -1773,7 +1773,7 @@ div#rub_service div#info {
|
|||
}
|
||||
|
||||
.authentic-page {
|
||||
.site-header, nav, div#actu {
|
||||
.site-header, .site-nav, div#actu {
|
||||
display: none;
|
||||
}
|
||||
div#page {
|
||||
|
|
|
@ -92,6 +92,6 @@ div.textcell {
|
|||
}
|
||||
}
|
||||
|
||||
body.has-picture nav::after {
|
||||
body.has-picture .site-nav::after {
|
||||
top: -12px;
|
||||
}
|
||||
|
|
|
@ -15,7 +15,7 @@ div#header {
|
|||
}
|
||||
}
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
@import '../includes/fonts/oswald';
|
||||
@import '../includes/fonts/cantarell';
|
||||
|
||||
nav {
|
||||
.site-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -80,7 +80,7 @@
|
|||
</header>
|
||||
|
||||
{% block nav %}
|
||||
<nav role="navigation">
|
||||
<nav role="navigation" class="site-nav">
|
||||
<div id="nav-wrapper" class="gru-nav-wrapper">
|
||||
{% block nav-pre %}{% endblock %}
|
||||
<div id="nav" class="gru-nav togglable">
|
||||
|
|
Loading…
Reference in New Issue