Commit ba0733d1 authored by Benoît Dequick's avatar Benoît Dequick

#72-form. Revue. On supprime style_forms-required

parent 0bedcb8d
......@@ -75,7 +75,6 @@ $form-icon-danger: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53M
// styles
@import "style-forms";
@import "style-forms-error";
@import "style-forms-required";
@import "style-forms-fieldset-discrete";
@import "style-forms-inline";
@import "style-forms-input-group";
......
......@@ -55,12 +55,10 @@
.was-validated &:#{$state},
&.is-#{$state} {
border-color: $color;
&:focus {
border-color: $color;
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
......@@ -84,7 +82,6 @@
~ .form-check-label {
color: $color;
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
......@@ -97,23 +94,14 @@
&.is-#{$state} {
~ .custom-control-label {
color: $color;
&::before {
background-color: lighten($color, 25%);
}
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
}
&:checked {
~ .custom-control-label::before {
// @include gradient-bg(lighten($color, 10%));
}
}
&:focus {
~ .custom-control-label::before {
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
......@@ -128,15 +116,12 @@
&.is-#{$state} {
~ .custom-file-label {
border-color: $color;
&::before { border-color: inherit; }
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
}
&:focus {
~ .custom-file-label {
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
......
......@@ -2,20 +2,16 @@
background-color: $error-msg-bg;
border-color: $state-danger-border;
padding: 0.5em 1em;
.error-desc {
display: block;
color: $state-danger-text;
}
}
// Form validation
//
// Provide feedback to users when form field values are valid or invalid. Works
// primarily for client-side validation via scoped `:invalid` and `:valid`
// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
// server side validation.
@include form-validation-state("valid", $form-feedback-valid-color);
@include form-validation-state("invalid", $form-feedback-invalid-color);
// Styles pour la mention de champ obligatoire
//
.symbol-required {
color: $symbol-required;
}
//
// Textual form controls
//
.form-control {
display: block;
width: 100%;
......@@ -77,6 +76,11 @@ select.form-control {
width: 100%;
}
// Styles pour la mention de champ obligatoire
.symbol-required {
color: $symbol-required;
}
// Form groups
//
// Designed to help with the organization and spacing of vertical forms. For
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment