[

(#ENV*{message_ok})

] [

(#ENV*{message_erreur})

]
#ACTION_FORMULAIRE{#ENV{action}}
Barres de navigation
Dimensions
[(#SAISIE{input,navbar-brand-font-size, label=$navbar-brand-font-size, placeholder=$font-size-lg})] [(#SAISIE{input,navbar-padding-y, label=$navbar-padding-y, placeholder=$spacer * .5})] [(#SAISIE{input,navbar-padding-x, label=$navbar-padding-x, placeholder=null})] [(#SAISIE{input,navbar-nav-link-padding-x, label=$navbar-nav-link-padding-x, placeholder=.5rem})] [(#SAISIE{input,navbar-brand-padding-y, label=$navbar-brand-padding-y, explication=Calcule le padding-y du navbar-brand pour qu'il ait la même hauteur que navbar-text et nav-link, placeholder=($nav-link-height - $navbar-brand-height) * .5})] [(#SAISIE{input,navbar-brand-margin-end, label=$navbar-brand-margin-end, placeholder=1rem})] [(#SAISIE{input,navbar-toggler-padding-y, label=$navbar-toggler-padding-y, placeholder=.25rem})] [(#SAISIE{input,navbar-toggler-padding-x, label=$navbar-toggler-padding-x, placeholder=.75rem})] [(#SAISIE{input,nav-link-height, label=$nav-link-height, placeholder=$font-size-base * $line-height-base + $nav-link-padding-y * 2})] [(#SAISIE{input,nav-brand-height, label=$nav-brand-height, placeholder=$navbar-brand-font-size * $line-height-base})]
Bouton bascule (toggler)
[(#SAISIE{input,navbar-toggler-font-size, label=$navbar-toggler-font-size, placeholder=$font-size-lg})] [(#SAISIE{input,navbar-toggler-border-radius, label=$navbar-toggler-border-radius, placeholder=$btn-border-radius})] [(#SAISIE{input,navbar-toggler-focus-width, label=$navbar-toggler-focus-width, placeholder=$btn-focus-width})] [(#SAISIE{input,navbar-toggler-transition, label=$navbar-toggler-transition, placeholder=box-shadow .15s ease-in-out})] [(#SAISIE{input,navbar-light-toggler-icon-bg, label=$navbar-light-toggler-icon-bg, placeholder=url("data:image/svg+xml,")})]
Couleurs
#SET{navbar-light-color,'rgba(var(--#{$prefix}emphasis-color-rgb), .65)'} [(#SAISIE{input,navbar-light-color, label=$navbar-light-color, placeholder=#GET{navbar-light-color}})] #SET{navbar-light-hover-color,'rgba(var(--#{$prefix}emphasis-color-rgb), .8)'} [(#SAISIE{input,navbar-light-hover-color, label=$navbar-light-hover-color, placeholder=#GET{navbar-light-hover-color}})] #SET{navbar-light-active-color,'rgba(var(--#{$prefix}emphasis-color-rgb), 1)'} [(#SAISIE{input,navbar-light-active-color, label=$navbar-light-active-color, placeholder=#GET{navbar-light-active-color}})] #SET{navbar-light-disabled-color,'rgba(var(--#{$prefix}emphasis-color-rgb), .3)'} [(#SAISIE{input,navbar-light-disabled-color, label=$navbar-light-disabled-color, placeholder=#GET{navbar-light-disabled-color}})] #SET{navbar-light-icon-color,'rgba($body-color, .75)'} [(#SAISIE{input,navbar-light-icon-color, label=$navbar-light-icon-color, placeholder=#GET{navbar-light-icon-color}})] #SET{navbar-light-toggler-border-color,'rgba(var(--#{$prefix}emphasis-color-rgb), .15)'} [(#SAISIE{input,navbar-light-toggler-border-color, label=$navbar-light-toggler-border-color, placeholder=#GET{navbar-light-toggler-border-color}})] [(#SAISIE{input,navbar-light-brand-color, label=$navbar-light-brand-color, placeholder=$navbar-light-active-color})] [(#SAISIE{input,navbar-light-brand-hover-color, label=$navbar-light-brand-hover-color, placeholder=$navbar-light-active-color})]
[(#CONFIG{/meta_bootstrap_scss/themes/enable-dark-mode}|non|ou{#CONFIG{/meta_bootstrap_scss/themes/enable-dark-mode}|=={true}}|oui)
Mode sombre
[(#SAISIE{color-picker, navbar-dark-color, casier=composant_navbar, label=$navbar-dark-color, defaut=#ffffff8c})] [(#SAISIE{color-picker, navbar-dark-hover-color, casier=composant_navbar, label=$navbar-dark-hover-color, defaut=#ffffffbf})] [(#SAISIE{color-picker, navbar-dark-active-color, casier=composant_navbar, label=$navbar-dark-active-color, defaut=#ffffff})] [(#SAISIE{color-picker, navbar-dark-disabled-color, casier=composant_navbar, label=$navbar-dark-disabled-color, defaut=#ffffff40})] [(#SAISIE{color-picker, navbar-dark-icon-color, casier=composant_navbar, label=$navbar-dark-icon-color, defaut=#ffffff1a})] [(#SAISIE{input,navbar-dark-icon-color, label=$navbar-dark-icon-color, placeholder=$navbar-dark-color})] [(#SAISIE{color-picker, navbar-dark-toggler-border-color, casier=composant_navbar, label=$navbar-dark-toggler-border-color, defaut=#ffffff1a})] [(#SAISIE{input, navbar-dark-brand-color, label=$navbar-dark-brand-color, placeholder=$navbar-dark-active-color})] [(#SAISIE{input, navbar-dark-brand-hover-color, label=$navbar-dark-brand-hover-color, placeholder=$navbar-dark-active-color})] [(#SAISIE{input,navbar-dark-toggler-icon-bg, label=$navbar-dark-toggler-icon-bg, placeholder=url("data:image/svg+xml,")})]
]