aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/info-bar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/info-bar.scss')
-rw-r--r--src/styles/info-bar.scss34
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}