autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update: clean-up form css

Browse Source
This commit is contained in:
gaelle morin 2020-05-14 18:39:56 +02:00
parent f9300d2120
commit e79ddc3f37
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
3 changed files with 33 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client.sample.happy-dev.css
View File

@ -76,7 +76,6 @@
--color-select-add-button: var(--color-button-secondary); --color-select-add-button: var(--color-button-secondary);
--color-select-add-button-background: var(--color-button-white); --color-select-add-button-background: var(--color-button-white);
--color-label-dark: var(--color-complementary);
--color-label-light: var(--color-grey-6); --color-label-light: var(--color-grey-6);
/* Skill */ /* Skill */

1
src/styles/abstracts/_variables.scss
View File

@ -96,7 +96,6 @@
--color-select-add-button: var(--color-button-secondary); --color-select-add-button: var(--color-button-secondary);
--color-select-add-button-background: var(--color-button-white); --color-select-add-button-background: var(--color-button-white);
--color-label-dark: var(--color-secondary);
--color-label-light: var(--color-grey-6); --color-label-light: var(--color-grey-6);
/* skill */ /* skill */

52
src/styles/base/form.scss
View File

@ -1,6 +1,7 @@
form { form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: -3.4rem;
transition: all .3s ease; transition: all .3s ease;
} }
@ -30,41 +31,27 @@ form {
/*flex: 1 1 auto;*/ /*flex: 1 1 auto;*/
font-weight: 600; font-weight: 600;
&.is-dark label {
color: var(--color-label-dark);
margin-top: 3rem;
&>*:nth-child(2) {
margin-top: 0.8rem;
}
}
&.is-light label { &.is-light label {
color: var(--color-label-light); color: var(--color-label-light);
margin-top: 1.8rem; margin-top: 1.8rem;
text-transform: uppercase; text-transform: uppercase;
&>*:nth-child(2) { &>*:nth-child(1) {
margin-top: 0.8rem; margin-bottom: 0.8rem;
} }
} }
} }
.is-full-width { .is-full-width {
box-sizing: border-box;
flex: 1 1 100%; flex: 1 1 100%;
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;
&:nth-child(even) {
padding-left: 1.7rem;
}
&:nth-child(odd) {
padding-right: 1.7rem;
}
} }
input:not([type='file']):not([type='search']):not([type='submit']), input:not([type='file']):not([type='search']):not([type='submit']),
@ -168,8 +155,35 @@ textarea {
} }
} }
<<<<<<< HEAD
hubl-status { hubl-status {
align-self: auto; align-self: auto;
=======
/* Additional styles for the select to add a member in circle-edit */
.block.select-add>form {
display: flex;
flex-direction: row;
margin-bottom: 2.6rem;
label {
margin-top: 0;
}
.ss-main {
min-width: 35vw;
}
input[type='submit'] {
@extend .button,
.btn-margin-left,
.text-bold,
.text-uppercase,
.button-complementary,
.bordered;
margin-top: auto;
margin-bottom: auto;
}
>>>>>>> 50b15bd... update: clean-up form css
} }
sib-form-date { sib-form-date {