spip-contrib-extensions
/
bootstrap_scss
531
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

refonte du backoffice

Browse Source
pull/1/head
Pierre-Jean CHANCELLIER 2 weeks ago
parent c7bdb83208
commit 7a4e97b69b
36 changed files with 495 additions and 487 deletions
Show Stats Download Patch File Download Diff File

32
bootstrap_scss_options.php
Unescape Escape View File

@ -7,27 +7,27 @@ $GLOBALS['spip_wheels']['raccourcis'][] = 'bootstrap_scss';
// Les clés sont liées aux noms de fichiers SCSS de la lib Bootstrap
define('_COMPOSANTS', [
'collapse' => 'Blocs dépliables (nécessite Boutons, Cards et Transitions)',
'tables' => 'Tableaux',
'forms' => 'Formulaires',
'buttons' => 'Boutons',
'transitions' => ' Transitions',
'dropdown' => 'Menus déroulants',
'button-group' => 'Groupes de boutons',
'nav' => 'Navigations',
'navbar' => 'Barres de navigation',
'card' => ' Cards',
'accordion' => 'Accordéons (nécessite Transitions)',
'breadcrumb' => ' Fils d\'ariane',
'pagination' => 'Pagination',
'badge' => 'Badges',
'alert' => 'Alertes (nécessite Boutons de fermeture et éventuellement Transitions)',
'badge' => 'Badges',
'navbar' => 'Barres de navigation',
'progress' => 'Barres de progression',
'list-group' => 'Listes groupées',
'collapse' => 'Blocs dépliables (nécessite Boutons, Cards et Transitions)',
'buttons' => 'Boutons',
'close' => ' Boutons de fermeture',
'card' => ' Cards',
'carousel' => 'Carousels',
'modal' => ' Fenêtres modales',
'breadcrumb' => ' Fils d\'ariane',
'forms' => 'Formulaires',
'button-group' => 'Groupes de boutons',
'tooltip' => 'Info-bulles',
'popover' => 'Popovers',
'carousel' => 'Carousels',
'list-group' => 'Listes groupées',
'dropdown' => 'Menus déroulants',
'nav' => 'Navigations',
'offcanvas' => 'Offcanvas',
'pagination' => 'Pagination',
'popover' => 'Popovers',
'tables' => 'Tableaux',
'transitions' => ' Transitions',
]);

78
formulaires/configurer_bs_apparence_globale.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Apparence globale</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -11,46 +10,43 @@
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<div class="editer-groupe">
[(#SAISIE{input, spacer,
type=text,
label=$spacer,
explication=Spécifie la valeur d'espacement par défaut pour générer les <a href="https://getbootstrap.com/docs/5.3/utilities/spacing/">utilitaires d'espacement</a>,
placeholder=1rem})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-caret,
label=$enable-caret,
explication=Activer le curseur (caret) sur les menus déroulants,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-smooth-scroll,
label=$enable-smooth-scroll,
explication=Applique scroll-behavior: smooth globalement sauf pour les utilisateurs qui ont activé <a href="https://getbootstrap.com/docs/5.3/getting-started/accessibility/#reduced-motion">prefers-reduced-motion</a>,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-button-pointers,
label=$enable-button-pointers,
explication=Ajouter un curseur sous forme de main aux éléments de bouton non désactivés,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-rfs,
label=$enable-rfs,
explication=Activer <a href="https://getbootstrap.com/docs/5.3/getting-started/rfs">RFS</a>,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-validation-icons,
label=$enable-validation-icons,
explication=Active les icônes d'image d'arrière-plan dans les entrées textuelles et certains formulaires personnalisés pour les états de validation,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Apparence globale</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, spacer,
type=text,
label=$spacer,
explication=Spécifie la valeur d'espacement par défaut pour générer les <a href="https://getbootstrap.com/docs/5.3/utilities/spacing/">utilitaires d'espacement</a>,
placeholder=1rem})]
[(#SAISIE{radio, enable-caret,
label=$enable-caret,
explication=Activer le curseur (caret) sur les menus déroulants,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-smooth-scroll,
label=$enable-smooth-scroll,
explication=Applique scroll-behavior: smooth globalement sauf pour les utilisateurs qui ont activé <a href="https://getbootstrap.com/docs/5.3/getting-started/accessibility/#reduced-motion">prefers-reduced-motion</a>,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-button-pointers,
label=$enable-button-pointers,
explication=Ajouter un curseur sous forme de main aux éléments de bouton non désactivés,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-rfs,
label=$enable-rfs,
explication=Activer <a href="https://getbootstrap.com/docs/5.3/getting-started/rfs">RFS</a>,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-validation-icons,
label=$enable-validation-icons,
explication=Active les icônes d'image d'arrière-plan dans les entrées textuelles et certains formulaires personnalisés pour les états de validation,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
</fieldset>
</div>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="apparence_globale" />

51
formulaires/configurer_bs_autres_couleurs.html
Unescape Escape View File

@ -14,28 +14,39 @@
[(#SAISIE{couleur, headings-color,
label=Couleur des titres,
defaut=#212529})]
[(#SAISIE{couleur, body-color,
label=Couleur de texte du body,
defaut=#212529})]
</div>
<fieldset>
<legend>Couleurs de fond du body</legend>
<div class="editer-groupe">
[(#SAISIE{couleur, body-bg,
label=Principale,
defaut=#ffffff})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, body-secondary-bg,
label=Secondaire,
defaut=#e9ecef})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Couleur de texte du body</span></legend>
<div class="editer-groupe">
[(#SAISIE{couleur, body-color,
label=$body-color,
defaut=#212529})]
[(#SAISIE{input, body-secondary-color,
label=$body-secondary-color,
placeholder=rgba($body-color, .75)})]
[(#SAISIE{input, body-tertiary-color,
label=$body-tertiary-color,
placeholder=rgba($body-color, .5)})]
</div>
</fieldset>
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, body-tertiary-bg,
label=Tertiaire,
defaut=#f8f9fa})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Couleurs de fond du body</span></legend>
<div class="editer-groupe">
[(#SAISIE{couleur, body-bg,
label=Principale,
defaut=#ffffff})]
[(#SAISIE{couleur, body-secondary-bg,
label=Secondaire,
defaut=#e9ecef})]
[(#SAISIE{couleur, body-tertiary-bg,
label=Tertiaire,
defaut=#f8f9fa})]
</div>
</fieldset>
</div>
</fieldset>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="autres_couleurs" />
<p class="boutons">

94
formulaires/configurer_bs_bordures.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Bordures</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -11,49 +10,56 @@
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<div class="editer-groupe">
[(#SAISIE{selection,border-style,
label=$border-style,
cacher_option_intro=oui,
data=#ARRAY{
none,none,
dotted,dotted,
dashed,dashed,
solid,solid,
double,double,
groove,groove,
ridge,ridge,
inset,inset,
outset,outset,
},
defaut=solid})]
[(#SAISIE{couleur, border-color,
label=$border-color,
defaut=#dee2e6})]
</div>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Border-radius</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, border-radius,
label=$border-radius,
placeholder=0.375rem})]
[(#SAISIE{input, border-radius-sm,
label=$border-radius-sm,
placeholder=0.25rem})]
[(#SAISIE{input, border-radius-lg,
label=$border-radius-lg,
placeholder=0.5rem})]
[(#SAISIE{input, border-radius-xl,
label=$border-radius-xl,
placeholder=1rem})]
[(#SAISIE{input, border-radius-xxl,
label=$border-radius-xxl,
placeholder=2rem})]
[(#SAISIE{input, border-radius-pill,
label=$border-radius-pill,
placeholder=50rem})]
</div>
</fieldset>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Bordures</span></legend>
<div class="editer-groupe">
[(#SAISIE{selection,border-style,
label=$border-style,
cacher_option_intro=oui,
data=#ARRAY{
none,none,
dotted,dotted,
dashed,dashed,
solid,solid,
double,double,
groove,groove,
ridge,ridge,
inset,inset,
outset,outset,
},
defaut=solid})]
[(#SAISIE{couleur, border-color,
label=$border-color,
defaut=#dee2e6})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Border-radius</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, border-radius,
label=$border-radius,
placeholder=0.375rem})]
[(#SAISIE{input, border-radius-sm,
label=$border-radius-sm,
placeholder=0.25rem})]
[(#SAISIE{input, border-radius-lg,
label=$border-radius-lg,
placeholder=0.5rem})]
[(#SAISIE{input, border-radius-xl,
label=$border-radius-xl,
placeholder=1rem})]
[(#SAISIE{input, border-radius-xxl,
label=$border-radius-xxl,
placeholder=2rem})]
[(#SAISIE{input, border-radius-pill,
label=$border-radius-pill,
placeholder=50rem})]
</div>
</fieldset>
</div>
</div>
</fieldset>
</div>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="style_bordures" />

22
formulaires/configurer_bs_composants.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Activation/Désactivation des composants Bootstrap</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -16,14 +15,21 @@
texte=Désactiver les composants non-utilisés permet d'alléger le CSS})]
</div>
<div class="editer-groupe">
<fieldset class="editer">
<div class="choix">
<input type="checkbox" id="check_all" onclick="selectAllComponents(event)">
<label for="check_all">Tout cocher/décocher</label>
</div>
</fieldset>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Activation/Désactivation des composants</span></legend>
<div class="editer-groupe">
<div class="editer">
<div class="choix">
<input type="checkbox" id="check_all" onclick="selectAllComponents(event)">
<label for="check_all">Tout cocher/décocher</label>
</div>
</div>
#GENERER_SAISIES{#ENV{_saisies}}
</div>
</fieldset>
</div>
</div>
#GENERER_SAISIES{#ENV{_saisies}}
<p class="boutons">
<span class="image_loading">&nbsp;</span
><input

70
formulaires/configurer_bs_couleurs.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Couleurs du thème principal</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -11,44 +10,37 @@
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<div class="editer-groupe">
[(#SAISIE{couleur, primary,
label=Primary,
defaut=#0d6efd})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, secondary,
label=Secondary,
defaut=#6c757d})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, success,
label=Success,
defaut=#198754})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, info,
label=Info,
defaut=#0dcaf0})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, warning,
label=Warning,
defaut=#ffc107})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, danger,
label=Danger,
defaut=#dc3545})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, light,
label=Light,
defaut=#f8f9fa})]
</div>
<div class="editer-groupe">
[(#SAISIE{couleur, dark,
label=Dark,
defaut=#212529})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Couleurs du thème principal</span></legend>
<div class="editer-groupe">
[(#SAISIE{couleur, primary,
label=Primary,
defaut=#0d6efd})]
[(#SAISIE{couleur, secondary,
label=Secondary,
defaut=#6c757d})]
[(#SAISIE{couleur, success,
label=Success,
defaut=#198754})]
[(#SAISIE{couleur, info,
label=Info,
defaut=#0dcaf0})]
[(#SAISIE{couleur, warning,
label=Warning,
defaut=#ffc107})]
[(#SAISIE{couleur, danger,
label=Danger,
defaut=#dc3545})]
[(#SAISIE{couleur, light,
label=Light,
defaut=#f8f9fa})]
[(#SAISIE{couleur, dark,
label=Dark,
defaut=#212529})]
</div>
</fieldset>
</div>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="couleurs_principales" />

111
formulaires/configurer_bs_fonctionnalites.html
Unescape Escape View File

@ -10,67 +10,60 @@
<form method="post" action="#ENV{action}">
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<fieldset>
<legend>Génération de classes</legend>
<div class="editer-groupe">
[(#SAISIE{explication, explication_gen_class,
titre=Information,
texte=Moins de classes seront générées et plus léger sera le CSS final
})]
<div class="editer-groupe">
[(#SAISIE{explication, explication_gen_class,
titre=Information,
texte=Moins de classes seront générées et plus léger sera le CSS final
})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Génération de classes</span></legend>
<div class="editer-groupe">
[(#SAISIE{radio, enable-grid-classes,
label=$enable-grid-classes,
explication=Active la génération des classes CSS pour le système de grille (par ex : .row, .col-md-1, etc.),
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-container-classes,
label=$enable-container-classes,
explication=Active la génération de classes CSS pour les conteneurs de mise en page,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-negative-margins,
label=$enable-negative-margins,
explication=Active la génération <a href="https://getbootstrap.com/docs/5.3/utilities/spacing/#negative-margin">d'utilitaires à marge négative</a>,
defaut=false,
data=#ARRAY{true,oui,false,non}})]
</div>
</fieldset>
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-grid-classes,
label=$enable-grid-classes,
explication=Active la génération des classes CSS pour le système de grille (par ex : .row, .col-md-1, etc.),
defaut=true,
data=#ARRAY{true,oui,false,non}})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Fonctionnalités globales</span></legend>
<div class="editer-groupe">
[(#SAISIE{radio, enable-deprecation-messages,
label=$enable-deprecation-messages,
explication=Paramétrez sur false pour masquer les avertissements lors de l'utilisation de mixins/fonctions obsolètes qui devraient être supprimés dans la v6,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-important-utilities,
label=$enable-important-utilities,
explication=Ajoute le suffixe <b>!important</b> dans les classes utilitaires,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{input, prefix,
label=$prefix,
explication=Préfixe pour les CSS custom properties situées dans :root,
placeholder=bs-})]
[(#SAISIE{radio, enable-reduced-motion,
label=$enable-reduced-motion,
explication=Activer <a href="https://getbootstrap.com/docs/5.3/getting-started/accessibility/#reduced-motion">la media-query prefers-reduced-motion</a> qui supprime certaines animations/transitions en fonction des préférences du navigateur/de l'OS,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
</fieldset>
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-container-classes,
label=$enable-container-classes,
explication=Active la génération de classes CSS pour les conteneurs de mise en page,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-negative-margins,
label=$enable-negative-margins,
explication=Active la génération <a href="https://getbootstrap.com/docs/5.3/utilities/spacing/#negative-margin">d'utilitaires à marge négative</a>,
defaut=false,
data=#ARRAY{true,oui,false,non}})]
</div>
</fieldset>
<fieldset>
<legend>Fonctionnalités globales</legend>
<div class="editer-groupe">
[(#SAISIE{radio, enable-deprecation-messages,
label=$enable-deprecation-messages,
explication=Paramétrez sur false pour masquer les avertissements lors de l'utilisation de mixins/fonctions obsolètes qui devraient être supprimés dans la v6,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-important-utilities,
label=$enable-important-utilities,
explication=Ajoute le suffixe <b>!important</b> dans les classes utilitaires,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{input, prefix,
label=$prefix,
explication=Préfixe pour les CSS custom properties situées dans :root,
placeholder=bs-})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-reduced-motion,
label=$enable-reduced-motion,
explication=Activer <a href="https://getbootstrap.com/docs/5.3/getting-started/accessibility/#reduced-motion">la media-query prefers-reduced-motion</a> qui supprime certaines animations/transitions en fonction des préférences du navigateur/de l'OS,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
</fieldset>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="fonctionnalites" />
<p class="boutons">

32
formulaires/configurer_bs_liens.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Liens</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -11,18 +10,25 @@
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<div class="editer-groupe">
[(#SAISIE{couleur, link-color,
label=$link-color,
defaut=#0d6efd})]
[(#SAISIE{explication,explication_links,
titre=Information,
texte=Veuillez à respecter <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration">la syntaxe CSS</a> pour les valeurs ci-dessous.})]
[(#SAISIE{input, link-decoration,
label=$link-decoration,
placeholder=underline})]
[(#SAISIE{input, link-hover-decoration,
label=$link-hover-decoration,
placeholder=none})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Liens</span></legend>
<div class="editer-groupe">
[(#SAISIE{couleur, link-color,
label=$link-color,
defaut=#0d6efd})]
[(#SAISIE{explication,explication_links,
titre=Information,
texte=Veuillez à respecter <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration">la syntaxe CSS</a> pour les valeurs ci-dessous.})]
[(#SAISIE{input, link-decoration,
label=$link-decoration,
placeholder=underline})]
[(#SAISIE{input, link-hover-decoration,
label=$link-hover-decoration,
placeholder=none})]
</div>
</fieldset>
</div>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="style_liens" />

118
formulaires/configurer_bs_polices.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Polices</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -11,61 +10,68 @@
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<div class="editer-groupe">
[(#SAISIE{input, font-size-base,
type=text,
label=Taille de base de la police,
defaut=1rem})]
</div>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Familles de police</span></legend>
<div class="editer-groupe">
#SET{sans_serif,'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'}
#SET{monospace,'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'}
[(#SAISIE{input,font-family-sans-serif,
label=Sans Serif,
placeholder=#GET{sans_serif}})]
[(#SAISIE{input,font-family-monospace,
label=Monospace,
placeholder=#GET{monospace}})]
</div>
</fieldset>
</div>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Polices de titre</span></legend>
<div class="editer-groupe">
[(#SAISIE{input,headings-font-family,
label=Famille de police,
explication=Par défaut c'est la même que le body,
placeholder=null})]
[(#SAISIE{selection,headings-font-style,
label=Style de police,
cacher_option_intro=oui,
data=#ARRAY{
null,null,
normal,normal,
italic,italic,
oblique,oblique
},
defaut=null})]
[(#SAISIE{selection,headings-font-weight,
label=Graisse de police,
cacher_option_intro=oui,
data=#ARRAY{
100,100,
200,200,
300,300,
400,400,
500,500,
600,600,
700,700,
800,800,
900,900,
},
defaut=500})]
</div>
</fieldset>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Polices</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, font-size-base,
type=text,
label=Taille de base de la police,
defaut=1rem})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Familles de police</span></legend>
<div class="editer-groupe">
#SET{sans_serif,'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'}
#SET{monospace,'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'}
[(#SAISIE{input,font-family-sans-serif,
label=Sans Serif,
placeholder=#GET{sans_serif}})]
[(#SAISIE{input,font-family-monospace,
label=Monospace,
placeholder=#GET{monospace}})]
</div>
</fieldset>
</div>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Polices de titre</span></legend>
<div class="editer-groupe">
[(#SAISIE{input,headings-font-family,
label=Famille de police,
explication=Par défaut c'est la même que le body,
placeholder=null})]
[(#SAISIE{selection,headings-font-style,
label=Style de police,
cacher_option_intro=oui,
data=#ARRAY{
null,null,
normal,normal,
italic,italic,
oblique,oblique
},
defaut=null})]
[(#SAISIE{selection,headings-font-weight,
label=Graisse de police,
cacher_option_intro=oui,
data=#ARRAY{
100,100,
200,200,
300,300,
400,400,
500,500,
600,600,
700,700,
800,800,
900,900,
},
defaut=500})]
</div>
</fieldset>
</div>
</div>
</fieldset>
</div>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="style_polices" />

54
formulaires/configurer_bs_style_composants.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Styles des composants</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -11,32 +10,33 @@
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<div class="editer-groupe">
[(#SAISIE{radio, enable-rounded,
label=$enable-rounded,
explication=Activer le border-radius sur divers composants,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-shadows,
label=$enable-shadows,
explication=Activer le box-shadow sur divers composants,
defaut=false,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-gradients,
label=$enable-gradients,
explication=Activer les dégradés via background-image sur divers composants,
defaut=false,
data=#ARRAY{true,oui,false,non}})]
</div>
<div class="editer-groupe">
[(#SAISIE{radio, enable-transitions,
label=$enable-transitions,
explication=Activer les transitions sur divers composants,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Styles des composants</span></legend>
<div class="editer-groupe">
[(#SAISIE{radio, enable-rounded,
label=$enable-rounded,
explication=Activer le border-radius sur divers composants,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-shadows,
label=$enable-shadows,
explication=Activer le box-shadow sur divers composants,
defaut=false,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-gradients,
label=$enable-gradients,
explication=Activer les dégradés via background-image sur divers composants,
defaut=false,
data=#ARRAY{true,oui,false,non}})]
[(#SAISIE{radio, enable-transitions,
label=$enable-transitions,
explication=Activer les transitions sur divers composants,
defaut=true,
data=#ARRAY{true,oui,false,non}})]
</div>
</fieldset>
</div>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="style_composants" />

106
formulaires/configurer_bs_style_input_btn.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Inputs et boutons</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -13,56 +12,63 @@
<div class="editer-groupe">
[(#SAISIE{explication,explication_form_general,
texte=Les variables <code>$input-btn-*</code> sont des variables globales partagées entre les boutons et les composants de formulaire. Vous les trouverez fréquemment réaffectées en tant que valeurs à d’autres variables spécifiques aux composants.})]
[(#SAISIE{input, input-btn-line-height,
label=$input-btn-line-height,
placeholder=$line-height-base})]
[(#SAISIE{input, input-btn-border-width,
label=$input-btn-border-width,
placeholder=var(--#{$prefix}border-width)})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Inputs et boutons</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, input-btn-line-height,
label=$input-btn-line-height,
placeholder=$line-height-base})]
[(#SAISIE{input, input-btn-border-width,
label=$input-btn-border-width,
placeholder=var(--#{$prefix}border-width)})]
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Police</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, input-btn-font-family,
label=$input-btn-font-family,
placeholder=null})]
[(#SAISIE{input, input-btn-font-size,
label=$input-btn-font-size,
placeholder=$font-size-base})]
[(#SAISIE{input, input-btn-font-size-sm,
label=$input-btn-font-size-sm,
placeholder=$font-size-sm})]
[(#SAISIE{input, input-btn-font-size-lg,
label=$input-btn-font-size-lg,
placeholder=$font-size-lg})]
</div>
</fieldset>
</div>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paddings</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, input-btn-padding-y,
label=$input-btn-padding-y,
placeholder=.375rem})]
[(#SAISIE{input, input-btn-padding-x,
label=$input-btn-padding-x,
placeholder=.75rem})]
[(#SAISIE{input, input-btn-padding-y-sm,
label=$input-btn-padding-y-sm,
placeholder=.25rem})]
[(#SAISIE{input, input-btn-padding-x-sm,
label=$input-btn-padding-x-sm,
placeholder=.5rem})]
[(#SAISIE{input, input-btn-padding-y-lg,
label=$input-btn-padding-y-lg,
placeholder=.5rem})]
[(#SAISIE{input, input-btn-padding-x-lg,
label=$input-btn-padding-x-lg,
placeholder=1rem})]
</div>
</fieldset>
</div>
</div>
</fieldset>
</div>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Police</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, input-btn-font-family,
label=$input-btn-font-family,
placeholder=null})]
[(#SAISIE{input, input-btn-font-size,
label=$input-btn-font-size,
placeholder=$font-size-base})]
[(#SAISIE{input, input-btn-font-size-sm,
label=$input-btn-font-size-sm,
placeholder=$font-size-sm})]
[(#SAISIE{input, input-btn-font-size-lg,
label=$input-btn-font-size-lg,
placeholder=$font-size-lg})]
</div>
</fieldset>
</div>
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paddings</span></legend>
<div class="editer-groupe">
[(#SAISIE{input, input-btn-padding-y,
label=$input-btn-padding-y,
placeholder=.375rem})]
[(#SAISIE{input, input-btn-padding-x,
label=$input-btn-padding-x,
placeholder=.75rem})]
[(#SAISIE{input, input-btn-padding-y-sm,
label=$input-btn-padding-y-sm,
placeholder=.25rem})]
[(#SAISIE{input, input-btn-padding-x-sm,
label=$input-btn-padding-x-sm,
placeholder=.5rem})]
[(#SAISIE{input, input-btn-padding-y-lg,
label=$input-btn-padding-y-lg,
placeholder=.5rem})]
[(#SAISIE{input, input-btn-padding-x-lg,
label=$input-btn-padding-x-lg,
placeholder=1rem})]
</div>
</fieldset>
</div>
<input type="hidden" name="_meta_table" value="meta_bootstrap_scss" />
<input type="hidden" name="_meta_casier" value="style_input_btn" />

3
formulaires/configurer_composant_accordion.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Accordéons (nécessite Transitions)</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Accordéons (nécessite Transitions)</span></legend>
<div class="editer-groupe" style="display: none;">
<div class="fieldset pliable plie">
<fieldset>

3
formulaires/configurer_composant_alert.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Alertes (nécessite Boutons de fermeture et éventuellement Transitions)</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Alertes (nécessite Boutons de fermeture et éventuellement Transitions)</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, alert-padding-y,
label=$alert-padding-y,

3
formulaires/configurer_composant_badge.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Badges</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Badges</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, badge-padding-y,
label=$badge-padding-y,

3
formulaires/configurer_composant_breadcrumb.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Fils d'ariane</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Fils d'ariane</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, breadcrumb-font-size,
label=$breadcrumb-font-size,

3
formulaires/configurer_composant_buttons.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Boutons</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Boutons</span></legend>
<div class="editer-groupe">
<div class="fieldset pliable plie">
<fieldset>

3
formulaires/configurer_composant_card.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Cards</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Cards</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, card-box-shadow,
label=$card-box-shadow,

3
formulaires/configurer_composant_carousel.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Carousels</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Carousels</span></legend>
<div class="editer-groupe" style="display: none;">
<div class="fieldset pliable plie">
<fieldset>

3
formulaires/configurer_composant_close.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Boutons de fermeture</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Boutons de fermeture</span></legend>
<div class="editer-groupe" style="display: none;">
#SET{btn-close-bg,'url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")'}
[(#SAISIE{input, btn-close-bg,

3
formulaires/configurer_composant_collapse.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Blocs dépliables (nécessite Boutons, Cards et Transitions)</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Blocs dépliables (nécessite Boutons, Cards et Transitions)</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, transition-collapse,
label=$transition-collapse,

3
formulaires/configurer_composant_dropdown.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Menus déroulants</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Menus déroulants</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, dropdown-font-size,
label=$dropdown-font-size,

3
formulaires/configurer_composant_forms.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Formulaires</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Formulaires</span></legend>
<div class="editer-groupe">
<div class="fieldset pliable plie">
<fieldset>

3
formulaires/configurer_composant_list_group.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Listes groupées</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Listes groupées</span></legend>
<div class="editer-groupe" style="display: none;">
<div class="fieldset pliable plie">
<fieldset>

3
formulaires/configurer_composant_modal.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Fenêtres modales</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Fenêtres modales</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input,modal-title-line-height,
label=$modal-title-line-height,

3
formulaires/configurer_composant_nav.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Navigations</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Navigations</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input,nav-link-transition,
label=$nav-link-transition,

3
formulaires/configurer_composant_navbar.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Barres de navigation</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Barres de navigation</span></legend>
<div class="editer-groupe" style="display: none;">
<div class="fieldset pliable plie">
<fieldset>

3
formulaires/configurer_composant_offcanvas.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Offcanvas</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Offcanvas</span></legend>
<div class="editer-groupe" style="display: none;">
OFFCANVAS_PARAMETERS
</div>

3
formulaires/configurer_composant_pagination.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Pagination</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Pagination</span></legend>
<div class="editer-groupe" style="display: none;">
PAGINATION_PARAMETERS
</div>

3
formulaires/configurer_composant_popover.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Popovers</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Popovers</span></legend>
<div class="editer-groupe" style="display: none;">
POPOVER_PARAMETERS
</div>

3
formulaires/configurer_composant_progress.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Barres de progression</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Barres de progression</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, progress-height,
label=$progress-height,

3
formulaires/configurer_composant_tables.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Tableaux</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Tableaux</span></legend>
<div class="editer-groupe">
[(#SAISIE{selection, table-cell-vertical-align,
label=$table-cell-vertical-align,

3
formulaires/configurer_composant_tooltip.html
Unescape Escape View File

@ -1,5 +1,4 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">Info-bulles</h3>
[
<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>
] [
@ -12,7 +11,7 @@
#ACTION_FORMULAIRE{#ENV{action}}
<div class="fieldset pliable plie">
<fieldset>
<legend class="legend"><span>Paramètres</span></legend>
<legend class="legend"><span>Info-bulles</span></legend>
<div class="editer-groupe" style="display: none;">
[(#SAISIE{input, tooltip-font-size,
label=$tooltip-font-size,

8
paquet.xml
Unescape Escape View File

@ -19,10 +19,10 @@
<lib nom="bootstrap532" lien="https://github.com/twbs/bootstrap/archive/v5.3.2.zip" />
<menu nom="configurer_bootstrap_scss" titre="Configurer Bootstrap SCSS" icone="images/bootstrap_scss-16.png" parent="menu_squelette" action="configurer_bootstrap_scss" />
<onglet nom="configurer_composants" titre="Composants" icone="" parent="configurer_bootstrap_scss" action="configurer_bootstrap_scss" />
<onglet nom="configurer_couleurs" titre="Couleurs" icone="" parent="configurer_bootstrap_scss" action="configurer_couleurs" />
<onglet nom="configurer_styles" titre="Styles globaux" icone="" parent="configurer_bootstrap_scss" action="configurer_styles" />
<onglet nom="configurer_fonctionnalites" titre="Fonctionnalités" icone="" parent="configurer_bootstrap_scss" action="configurer_fonctionnalites" />
<onglet nom="configurer_fonctionnalites" titre="1. Fonctionnalités" icone="" parent="configurer_bootstrap_scss" action="configurer_bootstrap_scss" />
<onglet nom="configurer_couleurs" titre="2. Couleurs" icone="" parent="configurer_bootstrap_scss" action="configurer_couleurs" />
<onglet nom="configurer_styles" titre="3. Styles globaux" icone="" parent="configurer_bootstrap_scss" action="configurer_styles" />
<onglet nom="configurer_composants" titre="4. Composants" icone="" parent="configurer_bootstrap_scss" action="configurer_composants" />
<pipeline nom="affiche_gauche" inclure="bootstrap_scss_pipelines.php" />
<pipeline nom="header_prive" inclure="bootstrap_scss_pipelines.php" />

67
prive/squelettes/contenu/configurer_bootstrap_scss.html
Unescape Escape View File

@ -1,66 +1,3 @@
[(#AUTORISER{configurer,_bootstrap_scss}|sinon_interdire_acces)]
[(#VAL{configurer_bootstrap_scss}|barre_onglets{configurer_composants})]
#FORMULAIRE_CONFIGURER_BS_COMPOSANTS
[(#VAL{collapse}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_COLLAPSE</div>
]
[(#VAL{tables}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_TABLES</div>
]
[(#VAL{forms}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_FORMS</div>
]
[(#VAL{buttons}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_BUTTONS</div>
]
[(#VAL{dropdown}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_DROPDOWN</div>
]
[(#VAL{nav}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_NAV</div>
]
[(#VAL{navbar}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_NAVBAR</div>
]
[(#VAL{card}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_CARD</div>
]
[(#VAL{accordion}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_ACCORDION</div>
]
[(#VAL{breadcrumb}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_BREADCRUMB</div>
]
[(#VAL{pagination}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_PAGINATION</div>
]
[(#VAL{badge}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_BADGE</div>
]
[(#VAL{alert}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_ALERT</div>
]
[(#VAL{progress}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_PROGRESS</div>
]
[(#VAL{list-group}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_LIST_GROUP</div>
]
[(#VAL{close}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_CLOSE</div>
]
[(#VAL{modal}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_MODAL</div>
]
[(#VAL{tooltip}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_TOOLTIP</div>
]
[(#VAL{popover}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_POPOVER</div>
]
[(#VAL{carousel}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_CAROUSEL</div>
]
[(#VAL{offvancas}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_OFFCANVAS</div>
]
[(#VAL{configurer_bootstrap_scss}|barre_onglets{configurer_fonctionnalites})]
<div class="ajax">#FORMULAIRE_CONFIGURER_BS_FONCTIONNALITES</div>

71
prive/squelettes/contenu/configurer_composants.html
Unescape Escape View File

@ -0,0 +1,71 @@
[(#AUTORISER{configurer,_bootstrap_scss}|sinon_interdire_acces)]
[(#VAL{configurer_bootstrap_scss}|barre_onglets{configurer_composants})]
<div class="ajax">#FORMULAIRE_CONFIGURER_BS_STYLE_COMPOSANTS</div>
#FORMULAIRE_CONFIGURER_BS_COMPOSANTS
<B_composants>
<h1 class="grostitre">Paramètres des composants actifs</h1>
<BOUCLE_composants(DATA){source table,#CONFIG{/meta_bootstrap_scss/composants_actifs}}>
</BOUCLE_composants>
[(#VAL{accordion}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_ACCORDION</div>
]
[(#VAL{alert}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_ALERT</div>
]
[(#VAL{badge}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_BADGE</div>
]
[(#VAL{navbar}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_NAVBAR</div>
]
[(#VAL{progress}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_PROGRESS</div>
]
[(#VAL{collapse}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_COLLAPSE</div>
]
[(#VAL{buttons}|in_any{#CONFIG{/meta_bootstrap_scss/composants_actifs}}|oui)
<div class="ajax">#FORMULAIRE_CONFIGURER_COMPOSANT_BUTTONS</<