source: spip-zone/_galaxie_/trad.spip.net/trunk/theme/css/_header.scss @ 119914

Last change on this file since 119914 was 119914, checked in by cedric@…, 2 years ago

nettoyage, home page

File size: 1.9 KB
Line 
1#header {
2  position: relative;
3  background-color: $primary;
4  color: $white;
5  box-shadow: 0 1px 5px $gray-600;
6  font-size: $font-size-sm;
7  line-height: $line-height-base;
8
9  a {
10    @include link-nav($gray-200, $white) {
11      text-decoration: underline;
12      background-color: rgba(255,255,255,0.4);
13    }
14  }
15
16  .logo-site-spip {
17    margin-top: $rem-vert-margin;
18    a {
19      display: inline-block;
20    }
21    #nom_site_spip {
22      font-size: $display1-size;
23      margin: 0;
24    }
25  }
26  .polatouche {
27    align-self: flex-end;
28    margin-bottom: -58px;
29    z-index: 3;
30    @include media-breakpoint-only(sm) {
31      position:absolute;
32      right:-20px;
33    }
34    @include media-breakpoint-down(xs) {
35      margin-right:-30px;
36    }
37  }
38  .menu-langues {
39    a {
40      display: inline-block;
41      &:after {
42        display: none;
43      }
44      @include link-nav($gray-200, $white) {
45       // text-decoration: underline;
46        background-color: rgba(255,255,255,0.4);
47      }
48      &.on {
49        color: $white;
50        font-weight: bold;
51      }
52    }
53    margin-bottom: 0.5 * $rem-vert-margin;
54  }
55  #nav {
56    position: absolute;
57    top:0;
58    right:0;
59    font-size: 1rem;
60    @include media-breakpoint-up(md) {
61      font-size: $font-size-sm;
62      @include before-block-absolute(){
63        top:0;
64        height:100%;
65        width: 3em;
66        left: -3em;
67        background: url(img/nav-corner.svg) no-repeat top right;
68        background-size: contain;
69      }
70    }
71
72    line-height: 1;
73    z-index: 3;
74    .navbar-inner {
75      display: flex;
76      flex-direction: column;
77    }
78    .navbar-nav {
79      background-color: $gray-750;
80    }
81    .navbar-toggler {
82      background-color: $gray-750;
83      border: none;
84      align-self: flex-end;
85      border-top-right-radius: 0;
86      @include media-breakpoint-down(sm) {
87        & + .navbar-collapse {
88          margin-top: -$navbar-toggler-border-radius;
89        }
90      }
91    }
92  }
93}
Note: See TracBrowser for help on using the repository browser.