Changeset 119795 in spip-zone


Ignore:
Timestamp:
Jan 16, 2020, 7:02:18 PM (9 months ago)
Author:
cedric@…
Message:

finalisation header/navbar

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

Legend:

Unmodified
Added
Removed
  • _themes_/spipr/v2/patisson/body.html

    r119792 r119795  
    88        <div class="navbar-wrap">
    99                <div class="container">
    10                         [<div class="navbar navbar-expand-md navbar-white bg-white" id="nav">
     10                        [<div class="navbar navbar-expand-md navbar-dark bg-white" id="nav">
    1111                                (#INCLURE{fond=inclure/nav,env}|navbar_responsive)
    1212                        </div>]
  • _themes_/spipr/v2/patisson/css/composants/_header.scss

    r119786 r119795  
    66    max-width: none;
    77    text-align: center;
    8     margin: 2 * $rem-vert-margin;
     8    margin: 2 * $rem-vert-margin 0;
    99    h1 {
    1010      font-size: 3.25rem;
  • _themes_/spipr/v2/patisson/css/composants/_navbar.scss

    r119791 r119795  
    1010      font-family: $font-family-alt;
    1111      font-size: 16rem/18;
    12       margin-left: -1rem;
     12      @include media-breakpoint-up(md) {
     13        margin-left: -1rem;
     14      }
    1315      .nav-item {
    1416        .nav-link {
    15           padding-top: 1rem;
    16           padding-bottom: 1rem;
     17          @include media-breakpoint-up(md) {
     18            padding-top: 1rem;
     19            padding-bottom: 1rem;
     20          }
     21          background: transparent;
    1722          @include link-nav(inherit, $primary) {
    1823            background: $gray-100;
     
    2833      }
    2934    }
     35    @include media-breakpoint-down(sm) {
     36      .navbar-toggler {
     37        border: 0;
     38      }
     39      .navbar-collapse {
     40        position: absolute;
     41        width: 100%;
     42        background: $gray-900;
     43        z-index: 1000;
     44        color: $gray-300;
     45        .nav-item {
     46          border-top: 1px solid $gray-800;
     47          .nav-link {
     48            @include link-nav(inherit, $primary) {
     49              background: $gray-800;
     50            }
     51          }
     52        }
     53      }
     54    }
    3055  }
    3156  .container {
    3257    position: relative;
     58    @include media-breakpoint-down(sm) {
     59      max-width: none;
     60      padding: 0;
     61      color: $gray-300;
     62    }
    3363    .btn-search {
    3464      z-index: 3;
     
    102132    }
    103133  }
     134  @include media-breakpoint-down(sm) {
     135    background: $gray-900;
     136    #nav {
     137      background: $gray-900 !important;
     138    }
     139  }
    104140}
Note: See TracChangeset for help on using the changeset viewer.