Développement #105664: function sass couleurs comme mix() non compatible variable CSS - Intégrations graphiques Publik - Redmine Entr’ouvert

Développement #105664

function sass couleurs comme mix() non compatible variable CSS

Added by Thomas Jund 6 months ago. Updated 3 days ago.

Status:

Solution validée

Priority:

Normal

Assignee:

Thomas Jund

Category:

Target version:

Start date:

14 May 2025

Due date:

% Done:

Estimated time:

Patch proposed:

Planning:

Description

J'ai tenté en vain lors de la dernière update Naoned de poser une variable CSS comme valeur de $font-color.
Si $font-color est utilisé au sein de fonction sass comme mix() ou autre fonction qui manipule des couleurs, cela n'est pas possible.
Il faut soit supprimer les fonctions color de sass là où on peut ou proposer une alternative lorsque $font-color n'est pas de type color.

History

Updated by Thomas Jund 6 months ago

Status changed from Nouveau to En cours

🤖 Une pull request concernant ce ticket a été ouverte :

URL : https://git.entrouvert.org/entrouvert/publik-base-theme/pulls/929
Titre : WIP: scss: make compatible $font-color value with css var (#105664)
Modifications : https://git.entrouvert.org/entrouvert/publik-base-theme/pulls/929/files

Updated by Thomas Jund about 1 month ago

J'ai finalement opté pour l'utilisation de la fonction CSS color-mix() pour remplacer les func sass mix() et lighten(). Supporté à partir de safari 16 mais en assurant un affichage correct pour les navigateurs qui ne le supporte pas. Et moins de sass est toujours bon à prendre.

J'introduis aussi $font-color-light, car en souhaitant remplacer les occurences de lighten($font-color, 20%) je décidé d'en profiter pour hamoniser les valeurs de couleurs dans le thèmes dont le but est d'afficher un texte en plus clair :