source: spip-zone/_plugins_/responsivenav/trunk/css/responsive-nav.spip.css.html @ 96274

Last change on this file since 96274 was 96274, checked in by jeanmarie.listes@…, 5 years ago
  • Le choix de la position du bouton est un radiobutton (avant/après)
  • Ajout du choix pour passer en menu burger.

Dans responsive-nav.spip.css.html, on teste la présence de menuburger dans la base pour basculer en mode burger. Ca serait sans doute mieux de tester sa valeur, mais je ne sais pas comment faire...

File size: 1.2 KB
Line 
1a.nav-toggle {text-align:center;font-size:1.2em;}
2#nav {border-top:0;}
3#nav ul li {text-align:center;}
4
5/* Si ZDist V1 avec le plugin Menus */
6[(#PLUGIN{Z}|oui)
7        #nav .menu-conteneur ul.menu-liste li.menu-entree {box-sizing:border-box;margin:0;padding:0.5em;display:inline-block;}
8]
9
10@media screen and (min-width: #CONFIG{responsivenav/breakpoint,40em}) {
11        .nav-collapse ul li.nav-item {display:inline;} /* Pour SPIP 3.1 dist */
12        .nav-collapse ul.menu-items li.item {width:auto;} /* Pour ZDist V1 + V2 */
13}
14
15@media screen and (max-width: #CONFIG{responsivenav/breakpoint,40em}) {
16        a.nav-toggle {display:block;}
17        #nav ul li a {float:none;}  /* Pour SPIP 3.0 dist */
18        #nav ul.menu-items {float:none;overflow:hidden;}  /* Pour ZDist V2 */
19}
20
21[(#CONFIG{responsivenav/menuburger}|oui)
22@media screen and (max-width: #CONFIG{responsivenav/breakpoint,40em}) {
23        a.nav-toggle:link, a.nav-toggle:focus {height:30px;color:transparent  !important;text-align:center;color:transparent;background:url('#CHEMIN{images/menu-burger.png}') transparent top center no-repeat !important;background-size:30px 60px  !important;}
24        a.nav-toggle.active, a.nav-toggle.active:focus {background-position: bottom center !important;}
25}
26]
Note: See TracBrowser for help on using the repository browser.