J'ajoute une variable CSS à la racine parce que je veux la changer dynamiquement en utilisant JS

#root {
  --primary-color: #4c5b73;
}

$primary-color: var(--primary-color) !default;

.my-component {
 background-color: transparentize($primary-color, 0.85);
}

Je souhaite utiliser la fonction Basic scss transparentize ou lighter ou darker

Mais j'ai eu cette erreur

Argument `$color` of `transparentize($color, $amount)` must be a color

Comment savoir s'il s'agit d'un type de couleur?

2
KimMinJae 8 avril 2020 à 07:42

3 réponses

- couleur primaire: # 4c5b73; }

$ couleur-primaire: var (- couleur-primaire)! default;

.my-component { couleur de fond: transparentize ($ primary-color, 0.85); AssamCareer

-4
VoiceOfBarpeta.Com 8 avril 2020 à 04:50

Vous utiliseriez getComputedStyle et getPropertyValue

cette solution devrait vous fournir ce dont vous avez besoin. :)

0
Joel Hager 8 avril 2020 à 04:47

Vous pouvez simplement ajouter le canal alpha en CSS normal:

:root {
  --primary-color: 76, 91, 7;
}

body {
  background-color: white;
}

.my-component {
  background-color: rgba(var(--primary-color), 0.15);
}
<div class="my-component">
  Test
</div>
0
Robby Cornelissen 8 avril 2020 à 04:57