diff --git a/paquet.xml b/paquet.xml index 58eba39..7ea13be 100644 --- a/paquet.xml +++ b/paquet.xml @@ -1,7 +1,7 @@ .menu-items__lien.sousinitiatives // .menu-entree.sousinitiatives > ul > li > a + $('.page_wrapper').append(''); $('.menu-items__lien.sousinitiatives').on('click', function(){ + $('.menucache').addClass('cache'); $(this).toggleClass('actif'); $(this).siblings('ul').toggleClass('ouvert'); $(this).parent().siblings('.sousinitiatives').find('ul.ouvert').removeClass('ouvert'); }); + $('.menucache').on('click', function(){ + $('.menucache').removeClass('cache'); + $('.menu-items__lien.sousinitiatives').removeClass('actif').siblings('ul').removeClass('ouvert'); + }); // placer le html du bouton du menu, visible < medium $('.nav.principale').prepend(''); @@ -55,27 +61,6 @@ $(function() { }); }); - // smooth scroll -// $('a[href^="#"], .js-scrollTo').on('click', function(e) { -// if($(this).hasClass('js-noscroll')) { -// return; -// } -// var hash = this.hash; -// var $target = $(hash); -// var offset = $target.offset(); -// if(!offset) { -// $target = $('a[name='+hash.replace(/#/,'')+']'); -// offset = $target.offset(); -// } -// if(offset) { -// e.preventDefault(); -// var newPos = offset.top - 10; -// $('html, body').stop().animate( -// {'scrollTop': newPos}, 750, 'swing', function() { -// window.location.hash = hash; -// }); -// } -// }); // champ de recherche dans le menu $('.loupe > a').on('click', function(){ diff --git a/squelettes/scss/base/_main.scss b/squelettes/scss/base/_main.scss index 803008d..a2082cf 100644 --- a/squelettes/scss/base/_main.scss +++ b/squelettes/scss/base/_main.scss @@ -91,7 +91,7 @@ ol { } ul ul, ol ol { - margin-bottom: 0; +/* margin-bottom: 0; */ } dt { @@ -357,7 +357,7 @@ video { /* * Remove default fieldset styles. */ -fieldset { +fieldset, figure { border: 0; margin: 0; padding: 0; diff --git a/squelettes/scss/styles/_layout.scss b/squelettes/scss/styles/_layout.scss index a6b0fca..0b5caa5 100644 --- a/squelettes/scss/styles/_layout.scss +++ b/squelettes/scss/styles/_layout.scss @@ -43,7 +43,7 @@ html, body { right:0; background-color:$couleurPrincipale; color:white; - + z-index: 10; } @include media($bp-medium-up) { diff --git a/squelettes/scss/styles/_nav.scss b/squelettes/scss/styles/_nav.scss index fa9f40b..46400e4 100644 --- a/squelettes/scss/styles/_nav.scss +++ b/squelettes/scss/styles/_nav.scss @@ -55,6 +55,18 @@ .pagination { margin:0 0 1rem; } } +.menucache { + display: none; + position: fixed; + left: 0; + top: 0px; + width: 100%; + height: 100%; + background:transparent; + z-index:8; + cursor:pointer; + &.cache { display:block;} +} // menu smart cf js/script.js // ---------------------------------------- .btn-nav { @@ -82,7 +94,7 @@ .nav { padding-top:($spacer/2); font-size:0.95rem; - z-index:10; + z-index:7; @include media($bp-medium-up) { position:relative; } @@ -227,7 +239,7 @@ right:0; background-color:$couleurPrincipale; color:white; - + z-index:9; .btn-initiatives { font-size:0.8rem; display:none; @@ -275,7 +287,6 @@ top:-999em; left:0; width:150px; - z-index:9; &.ouvert { top:23px; li { diff --git a/squelettes/scss/styles/_styles.scss b/squelettes/scss/styles/_styles.scss index 63a2d9d..d5078e3 100644 --- a/squelettes/scss/styles/_styles.scss +++ b/squelettes/scss/styles/_styles.scss @@ -145,7 +145,7 @@ a.back-to-top { height: 66px; right: 20px; bottom: 20px; - z-index: 999; + z-index: 8; text-indent: -9999px; background: url("../images/back-top.png") no-repeat center; outline: none; @@ -155,6 +155,15 @@ a.back-to-top { } } +.flex { + @include flex; + flex-wrap:wrap; + justify-content:space-between; +} +.flex3 > * { + max-width:30%; +} + // ------------------------------------------------ // Affichage de valeurs de formulaires diff --git a/squelettes/scss/utils/_mixins.scss b/squelettes/scss/utils/_mixins.scss index ac5f262..cc2843a 100644 --- a/squelettes/scss/utils/_mixins.scss +++ b/squelettes/scss/utils/_mixins.scss @@ -272,6 +272,7 @@ @error "Direction must be either `top`, `right`, `bottom` or `left`."; } + display:block; width: 0; height: 0; content: '';