diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-10-13 12:29:40 +0200 |
commit | 58cda9cc7fb79ca9df6746de7f9662bc08dc156a (patch) | |
tree | 1211600c2a5d3b5f81c435c6896618111a611720 /src/styles/infobox.scss | |
download | ferdium-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.scss | 61 |
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 | } | ||