sakura

Sakura est un framework et thème CSS minimaliste et sans classes. Son idée centrale est que vous déposez une seule feuille de style dans n'importe quelle page web et que le HTML brut existant devient immédiatement moderne et lisible, sans ajouter de noms de classes à votre balisage. Caractéristiques clés : - Sans classes : les styles s'appliquent aux éléments HTML standard, donc cela fonctionne sur du contenu existant et sur du HTML généré par des parseurs Markdown. - Prototypage rapide : utile pour les sites à forte composante backend, les petits blogs ou les pages où l'on ne veut pas s'embêter avec le CSS. - Valeurs par défaut raisonnables : décrit comme un ensemble de valeurs par défaut sensées plutôt qu'un grand système de design. - Thèmes : les couleurs sont contrôlées via des variables dans un schéma duotone (une couleur de floraison et une couleur de fondu, plus une couleur de fond, un fond alternatif et des couleurs de texte). Plusieurs thèmes prêts à l'emploi sont fournis dans le dossier css, et des thèmes personnalisés peuvent être créés en surchargeant les variables SCSS et en important le fichier principal. - Mode sombre : une feuille de style sombre séparée peut être chargée avec un attribut media utilisant prefers-color-scheme. - Bookmarklet : un bookmarklet est disponible pour appliquer Sakura à des sites existants sans CSS. Options d'installation documentées dans le README : - CDN : liez la feuille de style depuis jsDelivr dans la balise head. - Manuel : téléchargez sakura.css et liez-le localement. - Gestionnaires de paquets : npm install sakura.css ou yarn add sakura.css. - Optionnel mais recommandé : inclure normalize.css avant Sakura. Le README contient des liens vers une démo en direct comparant une page avec et sans Sakura, un blog qui l'utilise, et une longue liste de sites signalés comme l'utilisant. Il note également les contributeurs pour le bookmarklet, l'image et les aperçus Vite, et invite les utilisateurs à signaler leur utilisation ou à ouvrir une demande de tirage.