Par cohérence (tcharles) on génère aussi les variables css de typo dans une fonction (56c9f9d3) · Validations · taffit / spip

prive/themes/spip/vars.css.html

+6 −15

Numéro de ligne d'origine	Numéro de ligne de diff	Ligne de diff
		@@ -11,25 +11,16 @@


		:root {
		[(#ENV{couleur_theme}\|spip_couleur_generer_variables_css_theme)]

		--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};
		[(#REM) Dépend pour le moment de l’environnement ]
		[(#VAL\|spip_generer_variables_css_typo)]

		[(#ENV{couleur_theme}\|spip_generer_variables_css_couleurs_theme)]
		}

		:root,
		[data-spip-theme-colors],
		[class*="spip-theme-colors"] {
		[(#VAL\|spip_couleur_generer_variables_css)]
		[(#VAL\|spip_generer_variables_css_couleurs_actives)]
		}


		@@ -38,6 +29,6 @@
		<BOUCLE_themes(DATA){source tableau, #GET{couleurs}}>
		[data-spip-theme-colors="#CLE"],
		.spip-theme-colors-#CLE {
		[(#VALEUR{couleur_theme}\|spip_couleur_generer_variables_css_theme)]
		[(#VALEUR{couleur_theme}\|spip_generer_variables_css_couleurs_theme)]
		}
		</BOUCLE_themes>

prive/themes/spip/vars.css_fonctions.php

+31 −6

Numéro de ligne d'origine	Numéro de ligne de diff	Ligne de diff
		@@ -19,19 +19,41 @@ class Spip_Css_Vars_Collection {
		return $string;
		}

		public function __toString() {
		public function __toString() : string {
		return $this->getString();
		}
		}


		/**
		* Génère les variables CSS d'une couleur pour l'espace privé
		* Génère les variables CSS relatif à la typo et langue pour l'espace privé
		*
		* @param string $couleur Couleur hex
		* @return string
		* @param Pile $pile Pile
		*/
		function spip_couleur_generer_variables_css_theme($couleur) : \Spip_Css_Vars_Collection {
		function spip_generer_variables_css_typo(array $Pile) : \Spip_Css_Vars_Collection {
		$vars = new \Spip_Css_Vars_Collection();

		$vars->add("--spip-css-dir", $Pile[0]["dir"]);
		$vars->add("--spip-css-left", $Pile[0]["left"]);
		$vars->add("--spip-css-right", $Pile[0]["right"]);

		$vars->add("--spip-css-font-size", $Pile[0]["font-size"]);
		$vars->add("--spip-css-line-heigh", $Pile[0]["line-height"]);
		$vars->add("--spip-css-margin-bottom", $Pile[0]["margin-bottom"]);
		$vars->add("--spip-css-text-indent", $Pile[0]["text-indent"]);
		$vars->add("--spip-css-font-family", $Pile[0]["font-family"]);
		$vars->add("--spip-css-background-color", $Pile[0]["background-color"]);
		$vars->add("--spip-css-color", $Pile[0]["color"]);

		return $vars;
		}

		/**
		* Génère les variables CSS d'un thème de couleur pour l'espace privé
		*
		* @param string $couleur Couleur hex
		*/
		function spip_generer_variables_css_couleurs_theme(string $couleur) : \Spip_Css_Vars_Collection {
		$vars = new \Spip_Css_Vars_Collection();

		$vars->add("--spip-color-theme--hsl", couleur_hex_to_hsl($couleur, "h, s, l"));
		@@ -57,7 +79,10 @@ function spip_couleur_generer_variables_css_theme($couleur) : \Spip_Css_Vars_Col
		return $vars;
		}

		function spip_couleur_generer_variables_css() : \Spip_Css_Vars_Collection {
		/**
		* Génère les variables CSS dépendantes des couleurs du thème actif.
		*/
		function spip_generer_variables_css_couleurs_actives() : \Spip_Css_Vars_Collection {
		$vars = new \Spip_Css_Vars_Collection();

		// nos déclinaisons (basées sur le dégradé précedent, où 60 est là couleur du thème)