diff options
author | MCMXC <16797721+mcmxcdev@users.noreply.github.com> | 2023-07-25 09:20:43 -0600 |
---|---|---|
committer | Vijay Aravamudhan <vraravam@users.noreply.github.com> | 2023-07-26 16:28:22 +0000 |
commit | 4bd3d6764bfd48c881d9722825309ddb5956c758 (patch) | |
tree | 53296e94d91ab2cdc57c4d32a1fbcee071ae7923 /src/styles/input.scss | |
parent | chore: upgrade @octokit/core to latest (diff) | |
download | ferdium-app-4bd3d6764bfd48c881d9722825309ddb5956c758.tar.gz ferdium-app-4bd3d6764bfd48c881d9722825309ddb5956c758.tar.zst ferdium-app-4bd3d6764bfd48c881d9722825309ddb5956c758.zip |
style: reformat all files properly
- remove .json from .eslintignore
- add type intellisense to .prettierrc.js
- install missing @jest/types which is used in jest.config.js
- split up typecheck and lint into two separate commands
- remove --require-pragma flag from reformat-files which leads to unformatted files
- install suggested @types/prop-types and @types/react-loader dependencies
- add @ts-expect-error to Loader usages
- reformat all scss files automatically with reformat-files command
Diffstat (limited to 'src/styles/input.scss')
-rw-r--r-- | src/styles/input.scss | 40 |
1 files changed, 30 insertions, 10 deletions
diff --git a/src/styles/input.scss b/src/styles/input.scss index 687bcac64..a78bc185e 100644 --- a/src/styles/input.scss +++ b/src/styles/input.scss | |||
@@ -2,7 +2,9 @@ | |||
2 | @import './mixins.scss'; | 2 | @import './mixins.scss'; |
3 | 3 | ||
4 | .theme__dark .franz-form { | 4 | .theme__dark .franz-form { |
5 | .franz-form__label { color: $dark-theme-text-color; } | 5 | .franz-form__label { |
6 | color: $dark-theme-text-color; | ||
7 | } | ||
6 | 8 | ||
7 | .franz-form__input-wrapper { | 9 | .franz-form__input-wrapper { |
8 | background: $dark-theme-gray-dark; | 10 | background: $dark-theme-gray-dark; |
@@ -12,7 +14,9 @@ | |||
12 | .franz-form__input { | 14 | .franz-form__input { |
13 | color: $dark-theme-gray-lightest; | 15 | color: $dark-theme-gray-lightest; |
14 | 16 | ||
15 | &::placeholder { color: $dark-theme-gray-lighter; } | 17 | &::placeholder { |
18 | color: $dark-theme-gray-lighter; | ||
19 | } | ||
16 | } | 20 | } |
17 | 21 | ||
18 | .franz-form__input-prefix, | 22 | .franz-form__input-prefix, |
@@ -26,7 +30,9 @@ | |||
26 | color: $dark-theme-gray-lighter; | 30 | color: $dark-theme-gray-lighter; |
27 | } | 31 | } |
28 | 32 | ||
29 | .franz-form__password-score { background: $dark-theme-gray-dark; } | 33 | .franz-form__password-score { |
34 | background: $dark-theme-gray-dark; | ||
35 | } | ||
30 | } | 36 | } |
31 | 37 | ||
32 | .franz-form { | 38 | .franz-form { |
@@ -38,11 +44,15 @@ | |||
38 | 44 | ||
39 | &.has-error { | 45 | &.has-error { |
40 | .franz-form__input-wrapper, | 46 | .franz-form__input-wrapper, |
41 | .franz-form__input-modifier { border-color: $theme-brand-danger; } | 47 | .franz-form__input-modifier { |
48 | border-color: $theme-brand-danger; | ||
49 | } | ||
42 | } | 50 | } |
43 | } | 51 | } |
44 | 52 | ||
45 | .franz-form__label { @include formLabel(); } | 53 | .franz-form__label { |
54 | @include formLabel(); | ||
55 | } | ||
46 | 56 | ||
47 | .franz-form__error { | 57 | .franz-form__error { |
48 | color: $theme-brand-danger; | 58 | color: $theme-brand-danger; |
@@ -68,7 +78,9 @@ | |||
68 | padding: 8px; | 78 | padding: 8px; |
69 | width: 100%; | 79 | width: 100%; |
70 | 80 | ||
71 | &::placeholder { color: lighten($theme-gray-light, 10%); } | 81 | &::placeholder { |
82 | color: lighten($theme-gray-light, 10%); | ||
83 | } | ||
72 | } | 84 | } |
73 | 85 | ||
74 | .franz-form__input-prefix, | 86 | .franz-form__input-prefix, |
@@ -101,10 +113,18 @@ | |||
101 | overflow: hidden; | 113 | overflow: hidden; |
102 | width: 100%; | 114 | width: 100%; |
103 | 115 | ||
104 | &::-webkit-meter-bar { background: none; } | 116 | &::-webkit-meter-bar { |
105 | &::-webkit-meter-even-less-good-value { background: $theme-brand-danger; } | 117 | background: none; |
106 | &::-webkit-meter-suboptimum-value { background: $theme-brand-warning; } | 118 | } |
107 | &::-webkit-meter-optimum-value { background: $theme-brand-success; } | 119 | &::-webkit-meter-even-less-good-value { |
120 | background: $theme-brand-danger; | ||
121 | } | ||
122 | &::-webkit-meter-suboptimum-value { | ||
123 | background: $theme-brand-warning; | ||
124 | } | ||
125 | &::-webkit-meter-optimum-value { | ||
126 | background: $theme-brand-success; | ||
127 | } | ||
108 | } | 128 | } |
109 | } | 129 | } |
110 | } | 130 | } |