aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/infobox.scss
diff options
context:
space:
mode:
authorLibravatar Stefan Malzner <stefan@adlk.io>2017-10-13 12:29:40 +0200
committerLibravatar Stefan Malzner <stefan@adlk.io>2017-10-13 12:29:40 +0200
commit58cda9cc7fb79ca9df6746de7f9662bc08dc156a (patch)
tree1211600c2a5d3b5f81c435c6896618111a611720 /src/styles/infobox.scss
downloadferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz
ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst
ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip
initial commit
Diffstat (limited to 'src/styles/infobox.scss')
-rw-r--r--src/styles/infobox.scss61
1 files changed, 61 insertions, 0 deletions
diff --git a/src/styles/infobox.scss b/src/styles/infobox.scss
new file mode 100644
index 000000000..ad363314d
--- /dev/null
+++ b/src/styles/infobox.scss
@@ -0,0 +1,61 @@
1@import './config.scss';
2
3.infobox {
4 height: auto;
5 padding: 15px 20px;
6 margin-bottom: 30px;
7 border-radius: $theme-border-radius-small;
8 display: flex;
9 align-items: center;
10
11 a {
12 color: #FFF;
13 }
14
15 .infobox__content {
16 flex: 1;
17 }
18
19 &.infobox--success {
20 background: $theme-brand-success;
21 color: #FFF;
22 }
23
24 &.infobox--primary {
25 background: $theme-brand-primary;
26 color: #FFF;
27 }
28
29 &.infobox--danger {
30 background: $theme-brand-danger;
31 color: #FFF;
32 }
33
34 .mdi {
35 margin-right: 10px;
36 }
37
38 .infobox__cta {
39 color: #FFF;
40 padding: 3px 8px;
41 border-radius: $theme-border-radius-small;
42 border-color: #FFF;
43 border-width: 2px;
44 border-style: solid;
45 margin-left: 15px;
46
47 .loader {
48 position: relative;
49 width: 20px;
50 height: 12px;
51 z-index: 9999;
52 display: inline-block;
53 margin-right: 5px;
54 }
55 }
56
57 .infobox__delete {
58 color: #FFF;
59 margin-right: 0;
60 }
61}