Changeset 106786 in spip-zone


Ignore:
Timestamp:
Oct 12, 2017, 3:09:50 PM (2 years ago)
Author:
marcimat@…
Message:

On met les couleurs de la boussole dans des variables spécifiques.
De la sorte, on peut tester d’autres façons de faire, par exemple avec des couleurs fixes pour tous les sites.

Location:
_galaxie_/galactic/galactic/scss
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • _galaxie_/galactic/galactic/scss/blocs/_layout.scss

    r105734 r106786  
    2828        // hauteur de la boussole
    2929        padding-top:            em(20px);
    30         border-top:             em(40px) solid $couleur-nav; // couleur de la boussole, le temps qu’elle se charge
     30        border-top:             em(40px) solid $couleur-boussole; // couleur de la boussole, le temps qu’elle se charge
    3131}
    3232
  • _galaxie_/galactic/galactic/scss/components/_boussole.scss

    r105793 r106786  
    11body .menu_container.spip-theme {
    2         background:         $couleur-nav;
     2        background:         $couleur-boussole;
    33        filter:             none;
    44        -webkit-box-shadow: none;
     
    66        box-shadow:         none;
    77        width:              100%;
     8        border-bottom: $boussole-bordure-size solid $couleur-boussole-bordure;
    89
    910        & > ul {
     
    1213
    1314                & > li:hover {
    14                         background-color: $couleur-nav-alt;
     15                        background-color: $couleur-boussole-alt;
    1516                }
    1617                & > li > a:hover {
     
    2223                        font-size:   0.9em;
    2324                        font-family: 'montserrat', Helvetica, Arial, sans-serif;
     25                        color: $couleur-boussole-texte-menu;
    2426                        &:after {
    2527                                content: '';
     
    6264                        box-shadow:         0 0 6px rgba(0, 0, 0, 0.4);
    6365                        & .ssmenu_container ul.menu_submenu li > a {
    64                                 color:       $couleur-texte;
     66                                color:       $couleur-boussole-texte-sous-menu;
    6567                                font-family: 'montserrat', Helvetica, Arial, sans-serif;
    6668                        }
     69                }
     70
     71                & > li .caret,
     72                & > li:hover .caret {
     73                        border-bottom-color: $couleur-boussole-fleche;
     74                        border-top-color: $couleur-boussole-fleche;
    6775                }
    6876        }
     
    7987                & > ul li:first-child {
    8088                        &:hover, &:focus {
    81                                 background-color: $couleur-nav-alt;
     89                                background-color: $couleur-boussole-alt;
    8290                        }
    8391                        a {
  • _galaxie_/galactic/galactic/scss/galactic.scss

    r105721 r106786  
    33@import "scss/utils/mixins";
    44@import "scss/utils/couleurs";
     5@import "scss/utils/couleurs-boussole";
    56@import "scss/utils/variables";
    67@import "scss/utils/helpers";
Note: See TracChangeset for help on using the changeset viewer.