funky-framadate-front/src/assets/scss/atoms/_forms.scss

45 lines
652 B
SCSS

@charset "UTF-8";
// form inputs
.funky-box {
//background: $white;
padding: 1em;
border-radius: 0.25em;
border-bottom: 3px solid $primary_color;
}
input,
textarea,
select,
{
@extend .funky-box;
border:none;
border-bottom:2px solid $primary_color;
color:$black;
}
input[type="text"],input[type="email"],input[type="password"]{
width: 219px;
height: 36px;
}
textarea {
margin-top: 1em;
border-left: 3px solid $primary_color;
}
label {
&[for] {
cursor: pointer;
}
&:not([for]) {
color: $dusty-orange;
&:before {
content: "ce label n'a pas d'attribut for, c'est mal.";
color: $violet;
}
}
}