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/type.scss | |
download | ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.gz ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.tar.zst ferdium-app-58cda9cc7fb79ca9df6746de7f9662bc08dc156a.zip |
initial commit
Diffstat (limited to 'src/styles/type.scss')
-rw-r--r-- | src/styles/type.scss | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/src/styles/type.scss b/src/styles/type.scss new file mode 100644 index 000000000..935a36f4b --- /dev/null +++ b/src/styles/type.scss | |||
@@ -0,0 +1,73 @@ | |||
1 | @import './config.scss'; | ||
2 | @import './mixins.scss'; | ||
3 | |||
4 | h1 { | ||
5 | font-size: 30px; | ||
6 | font-weight: 300; | ||
7 | letter-spacing: -1px; | ||
8 | margin-bottom: 25px; | ||
9 | } | ||
10 | |||
11 | h2 { | ||
12 | font-size: 20px; | ||
13 | font-weight: 500; | ||
14 | letter-spacing: -1px; | ||
15 | margin-bottom: 25px; | ||
16 | margin-top: 55px; | ||
17 | |||
18 | &:first-of-type { | ||
19 | margin-top: 0; | ||
20 | } | ||
21 | } | ||
22 | |||
23 | p { | ||
24 | margin-bottom: 10px; | ||
25 | line-height: 1.7rem; | ||
26 | |||
27 | &:last-of-type { | ||
28 | margin-bottom: 0; | ||
29 | } | ||
30 | } | ||
31 | |||
32 | strong { | ||
33 | font-weight: bold; | ||
34 | } | ||
35 | |||
36 | a { | ||
37 | text-decoration: none; | ||
38 | color: $theme-text-color; | ||
39 | |||
40 | &.button { | ||
41 | position: relative; | ||
42 | background: none; | ||
43 | display: inline-block; | ||
44 | padding: 10px 20px; | ||
45 | border: 2px solid $theme-brand-primary; | ||
46 | color: $theme-brand-primary; | ||
47 | border-radius: 3px; | ||
48 | transition: background 0.5s, color 0.5s; | ||
49 | text-align: center; | ||
50 | |||
51 | &:hover { | ||
52 | background: darken($theme-brand-primary, 5%); | ||
53 | color: #FFF; | ||
54 | } | ||
55 | } | ||
56 | |||
57 | &.link { | ||
58 | color: $theme-brand-primary; | ||
59 | } | ||
60 | } | ||
61 | |||
62 | .error-message, .error-message:last-of-type { | ||
63 | margin: 10px 0; | ||
64 | color: $theme-brand-danger; | ||
65 | } | ||
66 | |||
67 | .center { | ||
68 | text-align: center; | ||
69 | } | ||
70 | |||
71 | .label { | ||
72 | @include formLabel(); | ||
73 | } | ||