Changeset 119799 in spip-zone


Ignore:
Timestamp:
Jan 16, 2020, 8:55:37 PM (3 months ago)
Author:
marcimat@…
Message:

Le footer mieux écrit et plus responsive.

Location:
_themes_/spipr/v2/patisson
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _themes_/spipr/v2/patisson/css/_variables.scss

    r119785 r119799  
    192192
    193193$grid-breakpoints: (
    194   xs: 0,
     194  xxs: 0,
     195  xs: 380px,
    195196  sm: 576px,
    196197  md: 768px,
  • _themes_/spipr/v2/patisson/css/composants/_footer.scss

    r119797 r119799  
    88        text-align: left;
    99        position:relative;
    10         .site-title {
    11                 font-size: 2.5rem;
    12         }
    13         .footer-nav-title {
    14                 text-transform: uppercase;
    15                 font-size: 1rem;
    16                 font-family: $font-family-alt;
    17         }
     10}
     11
     12.footer-hero {}
     13.footer-hero--title {
     14        font-size: 2.5rem;
     15}
     16.footer-hero--text {}
     17
     18
     19.footer-nav {
     20        margin-bottom: 1em;
     21}
     22.footer-nav--title {
     23        text-transform: uppercase;
     24        font-size: .9rem;
     25        font-family: $font-family-alt;
     26        margin-bottom:1rem;
     27}
     28.footer-nav--list {
     29        margin:0; padding:0;
     30        list-style-type: none;
     31}
     32.footer-nav--list-item {
     33        font-size: .8rem;
     34        line-height: 1.75;
     35}
     36@include media-breakpoint-down(sm) {
    1837        .footer-nav {
    19                 margin:0; padding:0;
    20                 list-style-type: none;
    21         }
    22         .footer-nav-item {
    23                 font-size: .9rem;
     38                margin: 2rem 0 0;
    2439        }
    2540}
     41@include media-breakpoint-down(xxs) {
     42        .footer-nav {
     43                text-align: center;
     44                margin: 3rem 0 0;
     45        }
     46}
  • _themes_/spipr/v2/patisson/footer/dist.html

    r119797 r119799  
    11<div class="row">
    2         <div class="col-sm-12 col-md-8">
    3                 <h2 class="site-title">#NOM_SITE_SPIP</h2>
    4                 #DESCRIPTIF_SITE_SPIP
     2        <div class="col-xs-12 col-md-7">
     3                <div class="footer-hero">
     4                        <h2 class="footer-hero--title">#NOM_SITE_SPIP</h2>
     5                        <div class="footer-hero--text">#DESCRIPTIF_SITE_SPIP</div>
     6                </div>
    57        </div>
    6         <div class="col-sm-6 col-md-2">
    7                 <h4 class="footer-nav-title"><:theme_patisson:parcourir:></h4>
    8                 <B_rub>
    9                         <ul class="footer-nav">
    10                 <BOUCLE_rub(RUBRIQUES){racine}{par num titre, titre}>
    11                                 <li class="footer-nav-item"><a href="#URL_RUBRIQUE">#TITRE</a></li>
    12                 </BOUCLE_rub>
     8        <div class="col-xs-6 col-md-2 offset-md-1">
     9                <div class="footer-nav">
     10                        <h4 class="footer-nav--title"><:theme_patisson:parcourir:></h4>
     11                        <B_rub>
     12                                <ul class="footer-nav--list">
     13                                        <BOUCLE_rub(RUBRIQUES){racine}{par num titre, titre}>
     14                                        <li class="footer-nav--list-item"><a href="#URL_RUBRIQUE">#TITRE</a></li>
     15                                        </BOUCLE_rub>
     16                                </ul>
     17                        </B_rub>
     18                </div>
     19        </div>
     20        <div class="col-xs-6 col-md-2">
     21                <div class="footer-nav">
     22                        <h4 class="footer-nav--title"><:theme_patisson:connecter:></h4>
     23                        <ul class="footer-nav--list">
     24                                <li class="footer-nav--list-item"><a rel="contents" href="#URL_PAGE{plan}"><:plan_site:></a></li><?php
     25                        if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
     26                                ?><li class="footer-nav--list-item"><a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a></li><?php
     27                                if (include_spip('inc/autoriser') AND autoriser('ecrire')){
     28                                ?><li class="footer-nav--list-item"><a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a></li><?php
     29                                }
     30                        } else {
     31                                ?><li class="footer-nav--list-item"><a href="[(#URL_PAGE{login}|parametre_url{url,#SELF|parametre_url{url,''}})]" rel="nofollow" class='login_modal'><:lien_connecter:></a></li><?php
     32                        }
     33                                ?><li class="footer-nav--list-item"><a href="#URL_PAGE{backend}" rel="alternate" title="<:syndiquer_site:>">[(#CHEMIN{feed.png}
     34                                        |balise_img{<:icone_suivi_activite:>})]&nbsp;RSS&nbsp;2.0</a></li>
    1335                        </ul>
    14                 </B_rub>
    15         </div>
    16         <div class="col-sm-6 col-md-2">
    17                 <h4 class="footer-nav-title"><:theme_patisson:connecter:></h4>
    18                 <ul class="footer-nav">
    19                         <li class="footer-nav-item"><a rel="contents" href="#URL_PAGE{plan}"><:plan_site:></a></li><?php
    20                 if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
    21                         ?><li class="footer-nav-item"><a href="#URL_LOGOUT" rel="nofollow"><:icone_deconnecter:></a></li><?php
    22                         if (include_spip('inc/autoriser') AND autoriser('ecrire')){
    23                         ?><li class="footer-nav-item"><a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a></li><?php
    24                         }
    25                 } else {
    26                         ?><li class="footer-nav-item"><a href="[(#URL_PAGE{login}|parametre_url{url,#SELF|parametre_url{url,''}})]" rel="nofollow" class='login_modal'><:lien_connecter:></a></li><?php
    27                 }
    28                         ?><li class="footer-nav-item"><a href="#URL_PAGE{backend}" rel="alternate" title="<:syndiquer_site:>">[(#CHEMIN{feed.png}
    29                                 |balise_img{<:icone_suivi_activite:>})]&nbsp;RSS&nbsp;2.0</a></li>
    30                 </ul>
     36                </div>
    3137        </div>
    3238</div>
Note: See TracChangeset for help on using the changeset viewer.