Valider 523f1482 rédigé par marcimat's avatar marcimat
Parcourir les fichiers

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));
```
parent 5d8c8b45
Chargement en cours
Chargement en cours
Chargement en cours
Chargement en cours
+6 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -26,6 +26,12 @@ Valeurs par defaut :
#SET{color,#ENV{color,#000000}} [color: (#GET{color});]
*/

[(#REM) Variables ]
[(#SET{fond,[(#VAL{vars.css.html}|find_in_theme|substr{[(#CONST{_DIR_RACINE}|strlen)],[(#VAL{-5}|intval)]})]})]
[(#GET{fond}|oui)
	[(#INCLURE{fond=#GET{fond},env,couleur_claire,couleur_foncee,lang,ltr,claire=#GET{claire},foncee=#GET{foncee},left=#GET{left},right=#GET{right},rtl=#GET{rtl},dir=#GET{dir},font-size=#GET{font-size},line-height=#GET{line-height},margin-bottom=#GET{margin-bottom},text-indent=#GET{text-indent},font-family=#GET{font-family},background-color=#GET{background-color},color=#GET{color}})]
]

[(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
[(#INCLURE{#VAL{clear.css}|find_in_theme|direction_css{#GET{dir}}|substr{#CONST{_DIR_RACINE}|strlen}})]
[(#INCLURE{#VAL{layout.css}|find_in_theme|direction_css{#GET{dir}}|substr{#CONST{_DIR_RACINE}|strlen}})]
+37 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
[(#REM)

	Ce squelette definit les styles de l'espace prive

	Déclarations de variables CSS.
	<style>
]
#CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}


:root {
	--spip-couleur-claire: #ENV{claire};
	--spip-couleur-claire-hsl: [(#ENV{claire}|couleur_hex_to_hsl)];
	--spip-couleur-claire-h: [(#ENV{claire}|couleur_hex_to_hsl{h})];
	--spip-couleur-claire-s: [(#ENV{claire}|couleur_hex_to_hsl{s})];
	--spip-couleur-claire-l: [(#ENV{claire}|couleur_hex_to_hsl{l})];

	--spip-couleur-foncee: #ENV{foncee};
	--spip-couleur-foncee-hsl: [(#ENV{foncee}|couleur_hex_to_hsl)];
	--spip-couleur-foncee-h: [(#ENV{foncee}|couleur_hex_to_hsl{h})];
	--spip-couleur-foncee-s: [(#ENV{foncee}|couleur_hex_to_hsl{s})];
	--spip-couleur-foncee-l: [(#ENV{foncee}|couleur_hex_to_hsl{l})];

	--spip-css-dir: #ENV{dir};
	--spip-css-left: #ENV{left};
	--spip-css-right: #ENV{right};

	--spip-css-font-size: #ENV{font-size};
	--spip-css-line-height: #ENV{line-height};
	--spip-css-margin-bottom: #ENV{margin-bottom};
	--spip-css-text-indent: #ENV{text-indent};
	--spip-css-font-family: #ENV{font-family};
	--spip-css-background-color: #ENV{background-color};
	--spip-css-color: #ENV{color};
}