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/subscription.scss | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/styles/subscription.scss')
-rw-r--r-- | src/styles/subscription.scss | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/src/styles/subscription.scss b/src/styles/subscription.scss new file mode 100644 index 000000000..63183f085 --- /dev/null +++ b/src/styles/subscription.scss | |||
@@ -0,0 +1,72 @@ | |||
1 | .subscription { | ||
2 | .subscription__premium-features { | ||
3 | margin: 10px 0; | ||
4 | |||
5 | li { | ||
6 | height: 30px; | ||
7 | align-items: center; | ||
8 | display: flex; | ||
9 | |||
10 | &:before { | ||
11 | content: "👍"; | ||
12 | margin-right: 10px; | ||
13 | } | ||
14 | |||
15 | .badge { | ||
16 | margin-left: 10px; | ||
17 | } | ||
18 | } | ||
19 | } | ||
20 | |||
21 | .subscription__premium-info { | ||
22 | margin: 15px 0 25px; | ||
23 | } | ||
24 | } | ||
25 | |||
26 | .paymentTiers { | ||
27 | .franz-form__radio-wrapper { | ||
28 | flex-flow: wrap; | ||
29 | |||
30 | .franz-form__radio { | ||
31 | width: 32%; | ||
32 | flex: initial; | ||
33 | margin-right: 2%; | ||
34 | |||
35 | &:nth-child(3) { | ||
36 | margin-right: 0; | ||
37 | } | ||
38 | |||
39 | &:last-of-type { | ||
40 | margin-right: 0; | ||
41 | margin-top: 2%; | ||
42 | width: 100%; | ||
43 | } | ||
44 | } | ||
45 | } | ||
46 | } | ||
47 | |||
48 | .settings { | ||
49 | .paymentTiers { | ||
50 | .franz-form__radio-wrapper { | ||
51 | .franz-form__radio { | ||
52 | width: 49%; | ||
53 | |||
54 | &:nth-child(2) { | ||
55 | margin-right: 0; | ||
56 | } | ||
57 | |||
58 | &:last-of-type { | ||
59 | width: 100%; | ||
60 | } | ||
61 | } | ||
62 | } | ||
63 | } | ||
64 | } | ||
65 | |||
66 | .mining-details { | ||
67 | margin-bottom: 15px; | ||
68 | |||
69 | button { | ||
70 | color: $theme-brand-primary; | ||
71 | } | ||
72 | } | ||