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/info-bar.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/info-bar.scss')
-rw-r--r-- | src/styles/info-bar.scss | 34 |
1 files changed, 22 insertions, 12 deletions
diff --git a/src/styles/info-bar.scss b/src/styles/info-bar.scss index d3010942f..514da8839 100644 --- a/src/styles/info-bar.scss +++ b/src/styles/info-bar.scss | |||
@@ -3,7 +3,7 @@ | |||
3 | .info-bar { | 3 | .info-bar { |
4 | align-items: center; | 4 | align-items: center; |
5 | background: $theme-brand-primary; | 5 | background: $theme-brand-primary; |
6 | box-shadow: 0 0 8px rgba(black, .2); | 6 | box-shadow: 0 0 8px rgba(black, 0.2); |
7 | display: flex; | 7 | display: flex; |
8 | height: 50px; | 8 | height: 50px; |
9 | justify-content: center; | 9 | justify-content: center; |
@@ -15,21 +15,23 @@ | |||
15 | .info-bar__content { | 15 | .info-bar__content { |
16 | height: auto; | 16 | height: auto; |
17 | 17 | ||
18 | .mdi { margin-right: 5px; } | 18 | .mdi { |
19 | margin-right: 5px; | ||
20 | } | ||
19 | } | 21 | } |
20 | 22 | ||
21 | .info-bar__close { | 23 | .info-bar__close { |
22 | color: #FFF; | 24 | color: #fff; |
23 | position: absolute; | 25 | position: absolute; |
24 | right: 10px; | 26 | right: 10px; |
25 | } | 27 | } |
26 | 28 | ||
27 | .info-bar__cta { | 29 | .info-bar__cta { |
28 | border-color: #FFF; | 30 | border-color: #fff; |
29 | border-radius: $theme-border-radius-small; | 31 | border-radius: $theme-border-radius-small; |
30 | border-style: solid; | 32 | border-style: solid; |
31 | border-width: 2px; | 33 | border-width: 2px; |
32 | color: #FFF; | 34 | color: #fff; |
33 | margin-left: 15px; | 35 | margin-left: 15px; |
34 | padding: 3px 8px; | 36 | padding: 3px 8px; |
35 | 37 | ||
@@ -47,26 +49,34 @@ | |||
47 | color: white; | 49 | color: white; |
48 | } | 50 | } |
49 | 51 | ||
50 | &.info-bar--bottom { order: 10; } | 52 | &.info-bar--bottom { |
53 | order: 10; | ||
54 | } | ||
51 | 55 | ||
52 | &.info-bar--primary { | 56 | &.info-bar--primary { |
53 | background: $theme-brand-primary; | 57 | background: $theme-brand-primary; |
54 | color: #FFF; | 58 | color: #fff; |
55 | 59 | ||
56 | a { color: #FFF; } | 60 | a { |
61 | color: #fff; | ||
62 | } | ||
57 | } | 63 | } |
58 | 64 | ||
59 | &.info-bar--warning { | 65 | &.info-bar--warning { |
60 | background: $theme-brand-warning; | 66 | background: $theme-brand-warning; |
61 | color: #FFF; | 67 | color: #fff; |
62 | 68 | ||
63 | a { color: #FFF; } | 69 | a { |
70 | color: #fff; | ||
71 | } | ||
64 | } | 72 | } |
65 | 73 | ||
66 | &.info-bar--danger { | 74 | &.info-bar--danger { |
67 | background: $theme-brand-danger; | 75 | background: $theme-brand-danger; |
68 | color: #FFF; | 76 | color: #fff; |
69 | 77 | ||
70 | a { color: #FFF; } | 78 | a { |
79 | color: #fff; | ||
80 | } | ||
71 | } | 81 | } |
72 | } | 82 | } |