46 liens privés
Tout est dans le titre
Une excellente introduction aux propriétés custom CSS
Tout est dans le titre
Celle retenue par l'auteur :
.fancy-button {
--_color: var(--color, black);
border: .1em solid var(--_color);
background: transparent;
color: var(--_color);
}
.fancy-button:hover {
background: var(--_color);
color: white;
}
L'avantage c'est qu'il est possible de définir --color ailleurs... et on est certain qu'il y aura une couleur par défaut.
Tout est dans le titre
Tout est dans le titre
Quelques pièges avec les Custom Properties en CSS
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre (via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-44 )
Tout est dans le titre
Tout est dans le titre
L'auteur explique pourquoi elle a opté pour HSL dans la définition des couleurs... c'est très clair et convaincant, et l'utilisation via des custom properties est très intéressante (via https://www.smashingmagazine.com/2018/09/monthly-web-development-update-9-2018/ )