diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-08-05 00:30:33 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-08-05 00:30:41 +0200 |
| commit | a84cb76da742c0928a3c72b8ff967b8313f0d269 (patch) | |
| tree | 304bed84b56cddf2924d912375c5444faedfd5b5 /apps/web-shared/src/styles/custom-style/_forms.scss | |
| parent | 2e435683aa0080bda6e8be0955e86b03004e70fb (diff) | |
| download | greatoffice-a84cb76da742c0928a3c72b8ff967b8313f0d269.tar.xz greatoffice-a84cb76da742c0928a3c72b8ff967b8313f0d269.zip | |
refactor: Update shared base styles
Diffstat (limited to 'apps/web-shared/src/styles/custom-style/_forms.scss')
| -rw-r--r-- | apps/web-shared/src/styles/custom-style/_forms.scss | 34 |
1 files changed, 18 insertions, 16 deletions
diff --git a/apps/web-shared/src/styles/custom-style/_forms.scss b/apps/web-shared/src/styles/custom-style/_forms.scss index 0048941..871e405 100644 --- a/apps/web-shared/src/styles/custom-style/_forms.scss +++ b/apps/web-shared/src/styles/custom-style/_forms.scss @@ -7,50 +7,52 @@ // -------------------------------- :root { - --form-control-font-size: 1em; + --form-control-font-size: 1rem; --form-control-padding-x: var(--space-xs); --form-control-padding-y: var(--space-xxs); - --form-control-radius: var(--radius-sm); + --form-control-radius: 3px; } .form-control { background: var(--color-bg-dark); - line-height: 1.2; - box-shadow: inset 0 0 0 1px var(--color-contrast-lower); + cursor: auto; + font-family: var(--font-primary); + font-weight: 400; + line-height: 1; + @include fontSmooth; + outline: 1px solid var(--color-contrast-high); &::placeholder { - opacity: 1; + opacity: 1; color: var(--color-contrast-low); } - &:focus { + &:focus, &:focus-within { background: var(--color-bg); - box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 1px var(--color-primary); + box-shadow: inset 0px 0px 0px 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-primary), 0px 1px 3px alpha(var(--color-black), 0.2); outline: none; } } .form-control--disabled, .form-control[disabled], .form-control[readonly] { - opacity: 0.5; + opacity: 0.3; cursor: not-allowed; } .form-control[aria-invalid="true"], .form-control.form-control--error { - box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error); + outline: 1px solid var(--color-error-dark); - &:focus { - box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm); + &:focus, &:focus-within { + box-shadow: inset 0px 0px 0px 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error), 0px 1px 3px var(--color-error); } } -.form-legend { -} +.form-legend {} -.form-label { -} +.form-label {} // -------------------------------- // (END) Global editor code -// -------------------------------- +// --------------------------------
\ No newline at end of file |