spip-contrib-extensions
/
bootstrap_scss
531
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 Commits
2 Branches
2 Tags
406 KiB
HTML 86.5%
PHP 12.2%
JavaScript 1.3%
 
 
 
master
dev
v1.0.0
v1.0.1
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
Go to file
Pierre-Jean CHANCELLIER f35b1a75a8 update version 7 days ago
balise version 1.0.0 2 weeks ago
captures Ajout du composant nav 7 days ago
demo amelioration de la balise #THEME_BS_TOGGLER_ 2 weeks ago
exec New feature : Import/export/reset de la cfg du plugin 2 weeks ago
formulaires version 1.0.0 2 weeks ago
icones_barre Ajout du composant nav 7 days ago
js petite réduction du CSS si carousel inactif 2 weeks ago
lang first commit 1 month ago
lib/jscolor suppression du fichier .ok 2 weeks ago
modeles first commit 1 month ago
prive suppr ajax sur import de cfg 2 weeks ago
saisies allege la saisie color-picker 2 weeks ago
scss petite réduction du CSS si carousel inactif 2 weeks ago
wheels Ajout du composant nav 7 days ago
LICENSE first commit 1 month ago
README.md petite réduction du CSS si carousel inactif 2 weeks ago
bootstrap_scss_administrations.php on allège le fichier administrations 4 weeks ago
bootstrap_scss_fonctions.php amelioration de la balise #THEME_BS_TOGGLER_ 2 weeks ago
bootstrap_scss_options.php refonte du backoffice 3 weeks ago
bootstrap_scss_pipelines.php Ajout du composant nav 7 days ago
paquet.xml update version 7 days ago

README.md

Plugin Bootstrap pour SPIP

Pourquoi un nouveau plugin autour de Bootstrap ?

Ce plugin, qui dépend du plugin SCSS, permet au webmestre de personnaliser le framework directement par le back-office de SPIP (polices, couleurs, composants, etc.). Cela facilite la mise en place d'une charte graphique (design system) tout en limitant la taille des CSS finaux. De plus, cela évite d'alourdir les CSS avec des surcharges.

Fonctionnalités du plugin

  • Télécharge et installe la version 5.3.2 de Bootstrap dans le dossier lib de SPIP lors de l'activation du plugin (et le supprime lors de la désinstallation). Les montées de version de Bootstrap pourront être prises en compte lors des montées de version du plugin.
  • Offre un menu de configuration du framework dans le menu Squelettes du back-office avec différents onglets :

Onglets

  • Ces paramètres sont pris en compte lors de la compilation SCSS vers CSS
  • Les CSS sont calculées lors du calcul des squelettes grâce au plugin SCSS pour SPIP
  • Les CSS caclulées et le JS de Bootstrap sont insérés grâce aux balises #INSERT_HEAD_CSS et #INSERT_HEAD
  • Ajoute des raccourcis dans le porte-plume pour permettre aux publicateurs/publicatrices d'insérer des composants Bootstrap quand ils sont activés

Porte-Plume

  • Permet d'importer, d'exporter et de réinitialiser la configuration du plugin :

Porte-Plume

  • Offre la balise dynamique #THEME_BS_TOGGLER_{type} utilisable dans les squelettes pour ajouter un sélecteur de thème (darkmod, light, auto). Le type sera utilisé pour générer la class .btn-{type} sur le sélecteur. Il peut correspondre aux différentes couleurs de Bootstrap (primary, secondary, warning, danger, success, info, light, dark) mais peut être n'importe quelle chaîne si vous souhaitez le styliser vous-même. Vous pouvez ajouter des class CSS. Par ex : #THEME_BS_TOGGLER_PRIMARY{class=bottom-0 end-0 mb-3 me-3} Et vous pouvez même surcharger les fichiers balise/theme_bs_toggler.html et js/theme_bs_toggler.js dans votre dossier squelettes pour une personnalisation complète.

Demo

?page=demo/test_bootstrap_scss

TODO

  • Sur les input de type texte, rajouter la valeur par défaut sur l'attribut explication et l'attribut defaut en plus du placeholder
  • Voir si c'est possible d'offrir la possibilité de créer un thème personnalisé