diff --git a/client.sample.happy-dev.css b/client.sample.happy-dev.css index d7e781e..725be22 100644 --- a/client.sample.happy-dev.css +++ b/client.sample.happy-dev.css @@ -76,7 +76,6 @@ --color-select-add-button: var(--color-button-secondary); --color-select-add-button-background: var(--color-button-white); - --color-label-dark: var(--color-complementary); --color-label-light: var(--color-grey-6); /* Skill */ diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss index bf2571b..e3b7d59 100644 --- a/src/styles/abstracts/_variables.scss +++ b/src/styles/abstracts/_variables.scss @@ -96,7 +96,6 @@ --color-select-add-button: var(--color-button-secondary); --color-select-add-button-background: var(--color-button-white); - --color-label-dark: var(--color-secondary); --color-label-light: var(--color-grey-6); /* skill */ diff --git a/src/styles/base/form.scss b/src/styles/base/form.scss index 6eab213..23b82f4 100644 --- a/src/styles/base/form.scss +++ b/src/styles/base/form.scss @@ -1,6 +1,7 @@ form { display: flex; flex-direction: column; + margin-left: -3.4rem; transition: all .3s ease; } @@ -30,41 +31,27 @@ form { /*flex: 1 1 auto;*/ font-weight: 600; - &.is-dark label { - color: var(--color-label-dark); - margin-top: 3rem; - - &>*:nth-child(2) { - margin-top: 0.8rem; - } - } - &.is-light label { color: var(--color-label-light); margin-top: 1.8rem; text-transform: uppercase; - &>*:nth-child(2) { - margin-top: 0.8rem; + &>*:nth-child(1) { + margin-bottom: 0.8rem; } } } .is-full-width { + box-sizing: border-box; flex: 1 1 100%; + padding-left: 3.4rem; } .is-half-width { box-sizing: border-box; flex: 0 0 50%; - - &:nth-child(even) { - padding-left: 1.7rem; - } - - &:nth-child(odd) { - padding-right: 1.7rem; - } + padding-left: 3.4rem; } input:not([type='file']):not([type='search']):not([type='submit']), @@ -168,8 +155,35 @@ textarea { } } +<<<<<<< HEAD hubl-status { 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 {