diff options
Diffstat (limited to 'src/styles/info-bar.scss')
-rw-r--r-- | src/styles/info-bar.scss | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/src/styles/info-bar.scss b/src/styles/info-bar.scss new file mode 100644 index 000000000..c30c951ee --- /dev/null +++ b/src/styles/info-bar.scss | |||
@@ -0,0 +1,79 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .info-bar { | ||
4 | width: 100%; | ||
5 | height: 50px; | ||
6 | background: $theme-brand-primary; | ||
7 | display: flex; | ||
8 | align-items: center; | ||
9 | justify-content: center; | ||
10 | padding: 0 20px; | ||
11 | position: relative; | ||
12 | // bottom: 0; | ||
13 | z-index: 100; | ||
14 | box-shadow: 0 0 8px rgba(black, 0.2); | ||
15 | |||
16 | .info-bar__content { | ||
17 | height: auto; | ||
18 | |||
19 | .mdi { | ||
20 | margin-right: 5px; | ||
21 | } | ||
22 | } | ||
23 | |||
24 | .info-bar__close { | ||
25 | position: absolute; | ||
26 | right: 10px; | ||
27 | color: #FFF; | ||
28 | } | ||
29 | |||
30 | .info-bar__cta { | ||
31 | color: #FFF; | ||
32 | padding: 3px 8px; | ||
33 | border-radius: $theme-border-radius-small; | ||
34 | border-color: #FFF; | ||
35 | border-width: 2px; | ||
36 | border-style: solid; | ||
37 | margin-left: 15px; | ||
38 | |||
39 | .loader { | ||
40 | position: relative; | ||
41 | width: 20px; | ||
42 | height: 12px; | ||
43 | z-index: 9999; | ||
44 | display: inline-block; | ||
45 | margin-right: 5px; | ||
46 | } | ||
47 | } | ||
48 | |||
49 | &.info-bar--bottom { | ||
50 | order: 10; | ||
51 | } | ||
52 | |||
53 | &.info-bar--primary { | ||
54 | background: $theme-brand-primary; | ||
55 | color: #FFF; | ||
56 | |||
57 | a { | ||
58 | color: #FFF; | ||
59 | } | ||
60 | } | ||
61 | |||
62 | &.info-bar--warning { | ||
63 | background: $theme-brand-warning; | ||
64 | color: #FFF; | ||
65 | |||
66 | a { | ||
67 | color: #FFF; | ||
68 | } | ||
69 | } | ||
70 | |||
71 | &.info-bar--danger { | ||
72 | background: $theme-brand-danger; | ||
73 | color: #FFF; | ||
74 | |||
75 | a { | ||
76 | color: #FFF; | ||
77 | } | ||
78 | } | ||
79 | } | ||