update: clean-up form css
This commit is contained in:
parent
e79ddc3f37
commit
80d3a22cf6
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user