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/services.scss | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/styles/services.scss')
-rw-r--r-- | src/styles/services.scss | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/src/styles/services.scss b/src/styles/services.scss new file mode 100644 index 000000000..3347ea9d7 --- /dev/null +++ b/src/styles/services.scss | |||
@@ -0,0 +1,60 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .services { | ||
4 | flex: 1; | ||
5 | height: 100%; | ||
6 | position: relative; | ||
7 | overflow: hidden; | ||
8 | background: #FFF; | ||
9 | order: 5; | ||
10 | |||
11 | .services__webview { | ||
12 | position: absolute; | ||
13 | width: 100%; | ||
14 | top: 0; | ||
15 | left: 0; | ||
16 | z-index: 0; | ||
17 | |||
18 | webview { | ||
19 | display: inline-flex; | ||
20 | width: 0px; | ||
21 | height: 0px; | ||
22 | } | ||
23 | |||
24 | &.is-active { | ||
25 | z-index: 100; | ||
26 | |||
27 | webview { | ||
28 | flex: 0 1; | ||
29 | width: 100%; | ||
30 | height: 100%; | ||
31 | } | ||
32 | } | ||
33 | |||
34 | &--force-repaint { | ||
35 | webview { | ||
36 | z-index: 5; | ||
37 | } | ||
38 | } | ||
39 | } | ||
40 | |||
41 | .services__no-service { | ||
42 | display: flex; | ||
43 | flex-direction: column; | ||
44 | justify-content: center; | ||
45 | align-items: center; | ||
46 | text-align: center; | ||
47 | background: $theme-gray-lighter; | ||
48 | |||
49 | h1 { | ||
50 | margin: 25px 0 40px; | ||
51 | color: $theme-gray-dark; | ||
52 | } | ||
53 | |||
54 | a.button { | ||
55 | margin-top: 40px; | ||
56 | // color: #FFF; | ||
57 | // border-color: #FFF; | ||
58 | } | ||
59 | } | ||
60 | } | ||