Changeset 106004 in spip-zone


Ignore:
Timestamp:
Aug 31, 2017, 4:55:10 PM (3 years ago)
Author:
marcimat@…
Message:

Différentes adaptations pour le mobile.
Principalement le menu de langue est visible par défaut en grand écran, mais passe dans le menu hamburger en petit écran.

Location:
_squelettes_/html5up_solid_state
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/html5up_solid_state/css/layout/_footer.scss

    r106001 r106004  
    101101                        }
    102102
     103                        .contact_form,
    103104                        .contact {
    104105                                width:  100%;
     
    123124                        }
    124125
     126                        .contact_form,
    125127                        .contact {
    126128                                margin: 0 0 (_size(element-margin) * 1.5) 0;
  • _squelettes_/html5up_solid_state/css/layout/_header.scss

    r105742 r106004  
    114114                }
    115115        }
    116 
     116        @include breakpoint(small) {
     117                nav.menu_lang { display:none; }
     118        }
    117119        @include breakpoint(xsmall) {
    118120                nav {
  • _squelettes_/html5up_solid_state/css/layout/_menu.scss

    r105999 r106004  
    7979
    8080                        a {
    81                                 border-radius:  _size(border-radius);
    82                                 border:         0;
    83                                 display:        block;
    84                                 font-family:    _font(family-heading);
    85                                 font-size:      0.8em;
    86                                 font-weight:    _font(weight-heading);
     81                                border-radius: _size(border-radius);
     82                                border: 0;
     83                                display: block;
     84                                font-family: _font(family-heading);
     85                                font-size: 0.8em;
     86                                font-weight: _font(weight-heading);
    8787                                letter-spacing: _font(kern-heading);
    88                                 line-height:    1.85em;
    89                                 padding:        0.75em 0;
     88                                line-height: 1.85em;
     89                                padding: 0.75em 0;
    9090                                text-transform: uppercase;
    9191
    9292                                &:hover {
    9393                                        background: saturate(darken(_palette(accent), 3), 0.15);
     94                                }
     95                        }
     96                        &.principal {
     97                                display: none;
     98                                flex-direction: row;
     99                                justify-content: center;
     100                                & .lang {
     101                                        padding:1em;
    94102                                }
    95103                        }
     
    106114                                background-size: 1.5em 1.5em;
    107115                        }
     116                        .links .principal { display:flex; }
    108117                }
    109118        }
  • _squelettes_/html5up_solid_state/inclure/topmenu.html

    r105999 r106004  
    11<h2>Menu</h2>
    22<ul class="links">
    3         <li><a href="#URL_SITE_SPIP"><:accueil_site:></a></li>
     3        <B_langues>
     4        <li class="principal">
     5                <BOUCLE_langues(ARTICLES){fusion lang}{par lang}>[(#TOTAL_BOUCLE|>{1}|oui)
     6                <a class="lang" href="#URL_SITE_SPIP/?lang=#LANG" rel="alternate"
     7                   hreflang="#LANG" dir="#LANG_DIR" lang="#LANG"
     8                   class="[(#LANG|=={#ENV{lang}}|?{on,''})]"
     9                >[(#LANG)]</a>
     10                ]</BOUCLE_langues>
     11        </li>
     12        </B_langues>
     13        <li><a class="accueil" href="#URL_SITE_SPIP"><:accueil_site:></a></li>
    414
    515<BOUCLE_rubrique_langue(RUBRIQUES){lang}{racine}{si #CONFIG{html5up_solid_state/multilinguisme_par_secteur}}>
  • _squelettes_/html5up_solid_state/inclure/topnav.html

    r105748 r106004  
    55                <a href="#URL_SITE_SPIP/?lang=#LANG" rel="alternate"
    66                        hreflang="#LANG" dir="#LANG_DIR" lang="#LANG"
    7                         class="[(#LANG|=={#ENV{lang}}|?{on,''})]">
    8                                 [(#LANG|traduire_nom_langue)]
    9                 </a>
     7                        class="[(#LANG|=={#ENV{lang}}|?{on,''})]"
     8                >[(#LANG|traduire_nom_langue)]</a>
    109        ]</BOUCLE_langues>
    1110        </nav>
Note: See TracChangeset for help on using the changeset viewer.