Guil' - day 14

Pointe de la Torche, phare d’Eckmühl, Kérity, puir retour tranquille après avoir pris les dernières photos…

Reprise du boulot ce matin, avec une semaine humide, mais avec le plaisir de retrouver les trajets en moto, même si je préfèrerais en faire d’autres !

J’ai un peu joué avec les variables CSS, hier, pour la première fois et c’est une façon assez élégante de faire pour mettre en place des réglages personnalisés. Maintenant il sera possible de choisir entre trois tailles de police pour l’administration de Dotclear[1], petite, normale ou grande. Un peu de CSS, un peu de JS et un peu de PHP et le tour est joué !

/* Typographie */
:root {
  --html-font-size: 62.5%; }
html {
  font-size: 62.5%;
  font-size: var(--html-font-size); }
// set base font-size of body (62.5% default, usually : 50% to 75%)
if (typeof dotclear_htmlFontSize !== 'undefined') {
	document.documentElement.style.setProperty('--html-font-size',dotclear_htmlFontSize);
}

Plus ce qu’il faut côté PHP pour gérer le choix et l’enregistrement de la taille et pour positionner la variable utilisée par Javascript.

Note

[1] Sauf pour IE et Edge — quelle surprise ! — qui ne gèrent pas (encore) les variables CSS.

Ajouter un commentaire

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/13088

Haut de page