Darken

Le problème exposé dans ce sujet a été résolu.

Neabfi, jeudi 14 août 2014 à 20h07

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

14/08/14 à 20h07

+0 -0

Matouche, jeudi 14 août 2014 à 21h07
Modifié

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

@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.

14/08/14 à 21h07
Modifié

Envie de découvrir Sass ? #JeSuisArius

+1 -0

Neabfi, vendredi 15 août 2014 à 10h45

Merci Je pensais qu'on aurait pu faire plus court mais visiblement non:/

Merci de ton aide

PS: Juste pourquoi utiliser @extend et non @include ?

15/08/14 à 10h45

+0 -0

Matouche, vendredi 15 août 2014 à 10h53
Modifié

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.

15/08/14 à 10h53
Modifié

Envie de découvrir Sass ? #JeSuisArius

+0 -0

Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

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