[spip ↪ css-vars-ecrire] 2 co mmits

spip/spip | 2 commits
-
Par Matthieu Marcillaud, le 19 mars 2021 à 00h54min : 

Introduction d'un filtre `|couleur_hex_to_hsl` qui retourne depuis une couleur hexa, un code tel que `hsl(100, 13%, 67%)` pour CSS.
Il peut recevoir un paramètre h, s ou l pour obtenir une des 3 valeurs uniquement `[(#GET{claire}|couleur_hex_to_hsl{h})]`

On s'appuie sur des fonctions reprises depuis le plugin filtres images (sous un autre nom, pour harmoniser un peu en passant).


*Modifié*
    ecrire/inc/filtres.php
    ecrire/inc/filtres_images_lib_mini.php
    ecrire/inc/filtres_images_mini.php

Détails : https://git.spip.net/spip/spip/commit/86d90e0479f00fbb783f8c8da70488215b585815

==============================
Par Matthieu Marcillaud, le 19 mars 2021 à 00h58min : 

Ajout de différentes variables CSS à toutes fins utiles pour l'espace privé de SPIP, qui concerne
notamment les couleurs du thème. On met les propriétés :

```
--spip-couleur-claire (un hexa tel que #334455)
--spip-couleur-claire-hsl (une valeur hsl(...))
--spip-couleur-claire-h (la valeur h de hsl uniquement)
--spip-couleur-claire-s
--spip-couleur-claire-l
```

Pareil pour couleur-foncee. Cela permet de décliner «facilement» des couleurs en CSS, avec calc().
Par exemple : 

```
--exemple-darken: hsl(var(--spip-couleur-foncee-h), var(--spip-couleur-foncee-s), calc(var(--spip-couleur-foncee-l) + 25%));
--exemple-complementaire: hsl(calc(var(--spip-couleur-foncee-h) + 180), var(--spip-couleur-foncee-s), var(--spip-couleur-foncee-l));
```


*Ajouté*
    prive/themes/spip/vars.css.html
*Modifié*
    prive/themes/spip/style_prive.css.html

Détails : https://git.spip.net/spip/spip/commit/4ef6da252bcb025880a3e2a4e85ed6120768b5d8

_______________________________________________
[email protected] - https://listes.rezo.net/mailman/listinfo/spip-commit
dev: http://trac.rezo.net/trac/spip/