[

(#ENV*{message_ok})

] [

(#ENV*{message_erreur})

]
#ACTION_FORMULAIRE{#ENV{action}}
Formulaires
Paramètres généraux
[(#SAISIE{input, input-line-height, label=$input-line-height, placeholder=$input-btn-line-height})] [(#SAISIE{input, input-box-shadow, label=$input-box-shadow, placeholder=var(--#{$prefix}box-shadow-inset)})] [(#SAISIE{input, input-transition, label=$input-transition, placeholder=border-color .15s ease-in-out, box-shadow .15s ease-in-out})] [(#SAISIE{input, form-color-width, label=$form-color-width, placeholder=3rem})]
Police
[(#SAISIE{input, input-font-family, label=$input-font-family, placeholder=$input-btn-font-family})] [(#SAISIE{selection,input-font-weight, label=$input-font-weight, 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=400})] [(#SAISIE{input, input-font-size, label=$input-font-size, placeholder=$input-btn-font-size})] [(#SAISIE{input, input-font-size-sm, label=$input-font-size-sm, placeholder=$input-btn-font-size-sm})] [(#SAISIE{input, input-font-size-lg, label=$input-font-size-lg, placeholder=$input-btn-font-size-lg})]
Dimensions
[(#SAISIE{input, input-height, label=$input-height, placeholder=add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false))})] [(#SAISIE{input, input-height-sm, label=$input-height-sm, placeholder=add($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false))})] [(#SAISIE{input, input-height-lg, label=$input-height-lg, placeholder=add($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false))})]
Paddings
[(#SAISIE{input, input-padding-y, label=$input-padding-y, placeholder=$input-btn-padding-y})] [(#SAISIE{input, input-padding-x, label=$input-padding-x, placeholder=$input-btn-padding-x})] [(#SAISIE{input, input-padding-y-sm, label=$input-padding-y-sm, placeholder=$input-btn-padding-y-sm})] [(#SAISIE{input, input-padding-x-sm, label=$input-padding-x-sm, placeholder=$input-btn-padding-x-sm})] [(#SAISIE{input, input-padding-y-lg, label=$input-padding-y-lg, placeholder=$input-btn-padding-y-lg})] [(#SAISIE{input, input-padding-x-lg, label=$input-padding-x-lg, placeholder=$input-btn-padding-x-lg})]
Couleurs
[(#SAISIE{input, input-color, label=$input-color, placeholder=var(--#{$prefix}body-color)})] [(#SAISIE{input, input-bg, label=$input-bg, placeholder=var(--#{$prefix}body-bg)})] [(#SAISIE{input, input-placeholder-color, label=$input-placeholder-color, placeholder=var(--#{$prefix}secondary-color)})] [(#SAISIE{input, input-plaintext-color, label=$input-plaintext-color, placeholder=var(--#{$prefix}body-color)})]
Bordures
[(#SAISIE{input, input-border-color, label=$input-border-color, placeholder=var(--#{$prefix}border-color)})] [(#SAISIE{input, input-border-width, label=$input-border-width, placeholder=$input-btn-border-width})]
Radius
[(#SAISIE{input, input-border-radius, label=$input-border-radius, placeholder=var(--#{$prefix}border-radius)})] [(#SAISIE{input, input-border-radius-sm, label=$input-border-radius-sm, placeholder=var(--#{$prefix}border-radius-sm)})] [(#SAISIE{input, input-border-radius-lg, label=$input-border-radius-lg, placeholder=var(--#{$prefix}border-radius-lg)})]
Désactivé
[(#SAISIE{input, input-disabled-color, label=$input-disabled-color, placeholder=null})] [(#SAISIE{input, input-disabled-bg, label=$input-disabled-bg, placeholder=var(--#{$prefix}secondary-bg)})] [(#SAISIE{input, input-disabled-border-color, label=$input-disabled-border-color, placeholder=null})]
Labels
[(#SAISIE{input, form-label-margin-bottom, label=$form-label-margin-bottom, placeholder=.5rem})] [(#SAISIE{input, form-label-font-size, label=$form-label-font-size, placeholder=null})] [(#SAISIE{selection,form-label-font-style, label=$form-label-font-style, cacher_option_intro=oui, data=#ARRAY{ null,null, normal,normal, italic,italic, oblique,oblique }, defaut=null})] [(#SAISIE{selection, form-label-font-weight, label=$form-label-font-weight, cacher_option_intro=oui, data=#ARRAY{ null,null, 100,100, 200,200, 300,300, 400,400, 500,500, 600,600, 700,700, 800,800, 900,900, }, defaut=null})] [(#SAISIE{input, form-label-color, label=$form-label-color, placeholder=null})]
Form-text
[(#SAISIE{input, form-text-margin-top, label=$form-text-margin-top, placeholder=.25rem})] [(#SAISIE{input, form-text-font-size, label=$form-text-font-size, placeholder=$small-font-size})] [(#SAISIE{selection,form-text-font-style, label=$form-text-font-style, cacher_option_intro=oui, data=#ARRAY{ null,null, normal,normal, italic,italic, oblique,oblique }, defaut=null})] [(#SAISIE{selection, form-text-font-weight, label=$form-text-font-weight, cacher_option_intro=oui, data=#ARRAY{ null,null, 100,100, 200,200, 300,300, 400,400, 500,500, 600,600, 700,700, 800,800, 900,900, }, defaut=null})] [(#SAISIE{input, form-text-color, label=$form-text-color, placeholder=var(--#{$prefix}secondary-color)})]
Input file
[(#SAISIE{input, form-file-button-bg, label=$form-file-button-bg, placeholder=var(--#{$prefix}tertiary-bg)})] [(#SAISIE{input, form-file-button-hover-bg, label=$form-file-button-hover-bg, placeholder=var(--#{$prefix}secondary-bg)})]
Select
[(#SAISIE{input, form-select-line-height, label=$form-select-line-height, placeholder=$input-line-height})] [(#SAISIE{input, form-select-box-shadow, label=$form-select-box-shadow, placeholder=var(--#{$prefix}box-shadow-inset)})] [(#SAISIE{input, form-select-transition, label=$form-select-transition, placeholder=$input-transition})] [(#SAISIE{input, form-select-indicator, label=$form-select-indicator, placeholder=url("data:image/svg+xml,")})]
Police
[(#SAISIE{input, form-select-font-family, label=$form-select-font-family, placeholder=$input-font-family})] [(#SAISIE{selection,form-select-font-weight, label=$form-select-font-weight, 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=400})] [(#SAISIE{input, form-select-font-size, label=$form-select-font-size, placeholder=$input-font-size})] [(#SAISIE{input, form-select-font-size-sm, label=$form-select-font-size-sm, placeholder=$input-font-size-sm})] [(#SAISIE{input, form-select-font-size-lg, label=$form-select-font-size-lg, placeholder=$input-font-size-lg})]
Paddings
[(#SAISIE{input, form-select-padding-y, label=$form-select-padding-y, placeholder=$input-padding-y})] [(#SAISIE{input, form-select-padding-x, label=$form-select-padding-x, placeholder=$input-padding-x})] [(#SAISIE{input, form-select-padding-y-sm, label=$form-select-padding-y-sm, placeholder=$input-padding-y-sm})] [(#SAISIE{input, form-select-padding-x-sm, label=$form-select-padding-x-sm, placeholder=$input-padding-x-sm})] [(#SAISIE{input, form-select-padding-y-lg, label=$form-select-padding-y-lg, placeholder=$input-padding-y-lg})] [(#SAISIE{input, form-select-padding-x-lg, label=$form-select-padding-x-lg, placeholder=$input-padding-x-lg})] [(#SAISIE{input, form-select-indicator-padding, label=$form-select-indicator-padding, placeholder=$form-select-padding-x * 3, explication=Extra padding for background-image})]
Couleurs
[(#SAISIE{input, form-select-indicator-color, label=$form-select-indicator-color, placeholder=$gray-800})] [(#SAISIE{input, form-select-disabled-color, label=$form-select-disabled-color, placeholder=null})]
Background
[(#SAISIE{input, form-select-bg-position, label=$form-select-bg-position, placeholder=right $form-select-padding-x center})] [(#SAISIE{input, form-select-bg-size, label=$form-select-bg-size, placeholder=16px 12px, explication=In pixels because image dimensions})]
Feedback
[(#SAISIE{input, form-select-feedback-icon-padding-end, label=$form-select-feedback-icon-padding-end, placeholder=$form-select-padding-x * 2.5 + $form-select-indicator-padding})] [(#SAISIE{input, form-select-feedback-icon-position, label=$form-select-feedback-icon-position, placeholder=center right $form-select-indicator-padding})] [(#SAISIE{input, form-select-feedback-icon-size, label=$form-select-feedback-icon-size, placeholder=$input-height-inner-half $input-height-inner-half})]
Checks et radios
[(#SAISIE{selection,form-check-label-cursor, label=$form-check-label-cursor, cacher_option_intro=oui, data=#ARRAY{ null,null, help,help, pointer,pointer, crosshair,crosshair, not-allowed,not-allowed }, defaut=null})] [(#SAISIE{input, form-check-transition, label=$form-check-transition, placeholder=null})] [(#SAISIE{input, form-check-input-active-filter, label=$form-check-input-active-filter, placeholder=brightness(90%)})]
Dimensions
[(#SAISIE{input, form-check-input-width, label=$form-check-input-width, placeholder=1em})] [(#SAISIE{input, form-check-min-height, label=$form-check-min-height, placeholder=$font-size-base * $line-height-base})] [(#SAISIE{input, form-check-padding-start, label=$form-check-padding-start, placeholder=$form-check-input-width + .5em})] [(#SAISIE{input, form-check-inline-margin-end, label=$form-check-inline-margin-end, placeholder=1rem})] [(#SAISIE{input, form-check-margin-bottom, label=$form-check-margin-bottom, placeholder=.125rem})]
Bordures
#SET{form-check-input-border, "var(--#{$prefix}border-width) solid var(--#{$prefix}border-color)"} [(#SAISIE{input, form-check-input-border, label=$form-check-input-border, placeholder=#GET{form-check-input-border}})] [(#SAISIE{input, form-check-input-border-radius, label=$form-check-input-border-radius, placeholder=.25em})] [(#SAISIE{input, form-radio-border-radius, label=$form-check-input-width, placeholder=50%})]
Couleurs
[(#SAISIE{input, form-check-label-color, label=$form-check-label-color, placeholder=null})]
Etat checked
[(#SAISIE{input, form-check-input-checked-color, label=$form-check-input-checked-color, placeholder=$component-active-color})] [(#SAISIE{input, form-check-input-checked-bg-image, label=$form-check-input-checked-bg-image, placeholder=url("data:image/svg+xml,")})] [(#SAISIE{input, form-check-radio-checked-bg-image, label=$form-check-radio-checked-bg-image, placeholder=url("data:image/svg+xml,")})]
Etat indéterminé
[(#SAISIE{input, form-check-input-indeterminate-bg-image, label=$form-check-input-indeterminate-bg-image, placeholder=url("data:image/svg+xml,")})]
Etat désactivé
[(#SAISIE{input, form-check-input-disabled-opacity, label=$form-check-input-disabled-opacity, type=number, min=0.1, step=0.01, placeholder=.5})]
Range
Track
[(#SAISIE{input, form-range-track-width, label=$form-range-track-width, placeholder=100%})] [(#SAISIE{input, form-range-track-height, label=$form-range-track-height, placeholder=.5rem})] [(#SAISIE{selection,form-range-track-cursor, label=$form-range-track-cursor, cacher_option_intro=oui, data=#ARRAY{ help,help, pointer,pointer, crosshair,crosshair, move,move, grab,grab, w-resize,w-resize, not-allowed,not-allowed }, defaut=pointer})] [(#SAISIE{input, form-range-track-bg, label=$form-range-track-bg, placeholder=var(--#{$prefix}secondary-bg)})] [(#SAISIE{input, form-range-track-border-radius, label=$form-range-track-border-radius, placeholder=1rem})] [(#SAISIE{input, form-range-track-box-shadow, label=$form-range-track-box-shadow, placeholder=var(--#{$prefix}box-shadow-inset)})]
Thumb
[(#SAISIE{input, form-range-thumb-width, label=$form-range-thumb-width, placeholder=1rem})] [(#SAISIE{input, form-range-thumb-height, label=$form-range-thumb-height, placeholder=$form-range-thumb-width})] [(#SAISIE{input, form-range-thumb-border, label=$form-range-thumb-border, placeholder=0})] [(#SAISIE{input, form-range-thumb-border-radius, label=$form-range-thumb-border-radius, placeholder=1rem})] [(#SAISIE{input, form-range-thumb-box-shadow, label=$form-range-thumb-box-shadow, placeholder=0 .1rem .25rem rgba($black, .1)})] [(#SAISIE{input, form-range-thumb-disabled-bg, label=$form-range-thumb-disabled-bg, placeholder=var(--#{$prefix}secondary-color)})] [(#SAISIE{input, form-range-thumb-transition, label=$form-range-thumb-transition, placeholder=background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out})]
Input group
[(#SAISIE{input, input-group-addon-padding-y, label=$input-group-addon-padding-y, placeholder=$input-padding-y})] [(#SAISIE{input, input-group-addon-padding-x, label=$input-group-addon-padding-x, placeholder=$input-padding-x})] [(#SAISIE{selection,input-group-addon-font-weight, label=$input-group-addon-font-weight, 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=400})] [(#SAISIE{input, input-group-addon-bg, label=$input-group-addon-bg, placeholder=var(--#{$prefix}tertiary-bg)})]
Labels flottants
[(#SAISIE{input, form-floating-transition, label=$form-floating-transition, placeholder=opacity .1s ease-in-out, transform .1s ease-in-out})]
Dimensions
[(#SAISIE{input, form-floating-height, label=$form-floating-height, placeholder=add(3.5rem, $input-height-border)})] [(#SAISIE{input, form-floating-line-height, label=$form-floating-line-height, type=number, min=0.1, step=0.01, placeholder=1.25})]
Paddings
[(#SAISIE{input, form-floating-padding-x, label=$form-floating-padding-x, placeholder=$input-padding-x})] [(#SAISIE{input, form-floating-padding-y, label=$form-floating-padding-y, placeholder=1rem})] [(#SAISIE{input, form-floating-padding-t, label=$form-floating-padding-t, placeholder=1.625rem})] [(#SAISIE{input, form-floating-padding-b, label=$form-floating-padding-b, placeholder=0.625rem})]
Label
[(#SAISIE{input, form-floating-label-height, label=$form-floating-label-height, placeholder=1.5em})] [(#SAISIE{input, form-floating-label-opacity, label=$form-floating-label-opacity, type=number, min=0.01, step=0.01, placeholder=.65})] [(#SAISIE{input, form-floating-label-transform, label=$form-floating-label-transform, placeholder=scale(.85) translateY(-.5rem) translateX(.15rem)})] [(#SAISIE{input, form-floating-label-disabled-color, label=$form-floating-label-disabled-color, placeholder=$gray-600})]
Validation
[(#SAISIE{input, form-feedback-margin-top, label=$form-feedback-margin-top, placeholder=$form-text-margin-top})] [(#SAISIE{input, form-feedback-font-size, label=$form-feedback-font-size, placeholder=$form-text-font-size})] [(#SAISIE{input, form-feedback-font-style, label=$form-feedback-font-style, placeholder=$form-text-font-style})]
Valide
[(#SAISIE{input, form-feedback-icon-valid, label=$form-feedback-icon-valid, placeholder=url("data:image/svg+xml,")})] [(#SAISIE{color-picker, form-valid-color-dark, casier=composant_forms, label=$form-valid-color-dark, defaut=#75b798})] [(#SAISIE{color-picker, form-valid-border-color-dark, casier=composant_forms, label=$form-valid-border-color-dark, defaut=#75b798})]
Invalide
#SET{icon_invalid,"data:image/svg+xml,"} [(#SAISIE{input, form-feedback-icon-invalid, label=$form-feedback-icon-invalid, placeholder=url("[(#GET{icon_invalid})]")})] [(#SAISIE{color-picker, form-invalid-color-dark, casier=composant_forms, label=$form-invalid-color-dark, defaut=#ea868f})] [(#SAISIE{color-picker, form-invalid-border-color-dark, casier=composant_forms, label=$form-invalid-border-color-dark, defaut=#ea868f})]