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/welcome.scss | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/styles/welcome.scss')
-rw-r--r-- | src/styles/welcome.scss | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/src/styles/welcome.scss b/src/styles/welcome.scss new file mode 100644 index 000000000..5365921fb --- /dev/null +++ b/src/styles/welcome.scss | |||
@@ -0,0 +1,75 @@ | |||
1 | .auth { | ||
2 | .welcome { | ||
3 | |||
4 | &__content { | ||
5 | display: flex; | ||
6 | align-items: center; | ||
7 | justify-content: center; | ||
8 | color: #FFF; | ||
9 | } | ||
10 | |||
11 | &__logo { | ||
12 | width: 100px; | ||
13 | } | ||
14 | |||
15 | &__text { | ||
16 | margin-left: 40px; | ||
17 | padding-left: 40px; | ||
18 | border-left: 1px solid #FFF; | ||
19 | |||
20 | h1 { | ||
21 | font-size: 60px; | ||
22 | letter-spacing: -0.4rem; | ||
23 | margin-bottom: 5px; | ||
24 | } | ||
25 | |||
26 | h2 { | ||
27 | margin-left: 2px; | ||
28 | margin-bottom: 0; | ||
29 | } | ||
30 | } | ||
31 | |||
32 | &__services { | ||
33 | width: 100%; | ||
34 | max-width: 800px; | ||
35 | height: 100%; | ||
36 | max-height: 600px; | ||
37 | margin-left: -450px; | ||
38 | } | ||
39 | |||
40 | &__buttons { | ||
41 | display: block; | ||
42 | margin-top: 100px; | ||
43 | text-align: center; | ||
44 | |||
45 | .button:first-of-type { | ||
46 | margin-right: 25px; | ||
47 | } | ||
48 | } | ||
49 | |||
50 | .button { | ||
51 | border-color: #FFF; | ||
52 | color: #FFF; | ||
53 | |||
54 | &:hover { | ||
55 | background: #FFF; | ||
56 | color: $theme-brand-primary; | ||
57 | } | ||
58 | } | ||
59 | |||
60 | &__featured-services { | ||
61 | margin-top: 150px; | ||
62 | text-align: center; | ||
63 | margin-top: 80px; | ||
64 | } | ||
65 | |||
66 | &__featured-service { | ||
67 | width: 35px; | ||
68 | margin-right: 30px; | ||
69 | |||
70 | &:last-of-type { | ||
71 | margin-right: 0; | ||
72 | } | ||
73 | } | ||
74 | } | ||
75 | } | ||