update: clean-up form css

This commit is contained in:
gaelle morin 2020-05-14 18:56:49 +02:00
parent e79ddc3f37
commit 80d3a22cf6
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C

View File

@ -1,11 +1,16 @@
form {
.content-box {
&.with-form {
form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: -3.4rem; margin-left: -3.4rem;
transition: all .3s ease; transition: all .3s ease;
} }
.button-register>form>input[type=submit] { .button-register>form>input[type=submit] {
@extend .button, @extend .button,
.text-bold, .text-bold,
.text-uppercase, .text-uppercase,
@ -14,9 +19,9 @@ form {
.bordered; .bordered;
margin-left: auto; margin-left: auto;
margin-top: 3.2rem; margin-top: 3.2rem;
} }
.fieldset { .fieldset {
border-bottom: 1px solid var(--color-fieldset-border); border-bottom: 1px solid var(--color-fieldset-border);
color: var(--color-title); color: var(--color-title);
display: flex; display: flex;
@ -25,9 +30,9 @@ form {
font-weight: 600; font-weight: 600;
margin: 2.6rem 0 1.8rem; margin: 2.6rem 0 1.8rem;
padding-bottom: 0.8rem; padding-bottom: 0.8rem;
} }
.form-label { .form-label {
/*flex: 1 1 auto;*/ /*flex: 1 1 auto;*/
font-weight: 600; font-weight: 600;
@ -40,22 +45,22 @@ form {
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
} }
} }
} }
.is-full-width { .is-full-width {
box-sizing: border-box; box-sizing: border-box;
flex: 1 1 100%; flex: 1 1 100%;
padding-left: 3.4rem; padding-left: 3.4rem;
} }
.is-half-width { .is-half-width {
box-sizing: border-box; box-sizing: border-box;
flex: 0 0 50%; flex: 0 0 50%;
padding-left: 3.4rem; padding-left: 3.4rem;
} }
input:not([type='file']):not([type='search']):not([type='submit']), input:not([type='file']):not([type='search']):not([type='submit']),
textarea { textarea {
-webkit-tap-highlight-color: var(--color-grey-7); -webkit-tap-highlight-color: var(--color-grey-7);
background-color: var(--color-input-background); background-color: var(--color-input-background);
box-sizing: border-box; box-sizing: border-box;
@ -70,15 +75,11 @@ textarea {
&:active { &:active {
border-bottom: 2px solid var(--color-input-active); border-bottom: 2px solid var(--color-input-active);
} }
} }
textarea { textarea {
height: 100px; height: 100px;
} }
.content-box {
&.with-form {
sib-set-default:not([name='user-thumb']) { sib-set-default:not([name='user-thumb']) {
clear: both; clear: both;