Darken

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Hey ;)

J'ai décidé de découvrir SASS mais j'ai une petite question et pas moyen de trouver une réponse satisfaisante ^^

Imaginez un tableau avec une couleur par cellule, le but c'est de faire un effet 20% plus foncé au hover avec darken.(Et non avec opacity)

Le problème c'est que darken prend en premier paramètre la couleur initiale, sauf que dans mon cas cette couleur est dynamique. (C'est la couleur de l'élément actuellement survolé)

Merci d'avance pour votre aide ;)

+0 -0

Cette réponse a aidé l'auteur du sujet

Salut, J'aurais tendance à faire un petit mixin :

1
2
3
4
5
6
@mixin bg-qui-change($couleur){
background-color : $couleur;
  &:hover{
    background-color : darken($couleur, 10%);
  }
}

Et après, pour chaque cellule, tu fais un @include bg-qui-change([la couleur de fond]) Enfin je sais pas si c'est ça que tu cherches.

Édité par Matouche

Étudiant à l'HEAJ de Namur. Envie de découvrir Sass ? Voilà, voilà…

+1 -0

Oups ! Effectivement, grosse erreur d’inattention, c'est bien sûr @include !

Peut-être qu'un jour l'auteur de Sass ajoutera des variables du style p>strong>background-color, mais pour l'instant ce n'est pas le cas. Edit : Après réflexion, je suis pas sûr que ça soit une bonne chose, parce que on s'éloignerait de plus en plus de "l'esprit" CSS.

Édité par Matouche

Étudiant à l'HEAJ de Namur. Envie de découvrir Sass ? Voilà, voilà…

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte