diff options
author | Volpeon <git@volpeon.ink> | 2021-03-15 11:22:34 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-03-15 11:22:34 +0100 |
commit | 94e8476f38b876432aeb2cc34b3ba06e7792d25a (patch) | |
tree | 97ca8a6be49b2f0814ac8313d559eb9dfd379e08 /assets/css/_basics.scss | |
parent | Font update (diff) | |
download | volpeon.ink-94e8476f38b876432aeb2cc34b3ba06e7792d25a.tar.gz volpeon.ink-94e8476f38b876432aeb2cc34b3ba06e7792d25a.tar.bz2 volpeon.ink-94e8476f38b876432aeb2cc34b3ba06e7792d25a.zip |
Added better font for text (Iosevka Aile)
Diffstat (limited to 'assets/css/_basics.scss')
-rw-r--r-- | assets/css/_basics.scss | 39 |
1 files changed, 32 insertions, 7 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 8db3505..1536605 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -14,6 +14,30 @@ | |||
14 | url('/iosevka-term-ss09-bold.woff2') format('woff2'); | 14 | url('/iosevka-term-ss09-bold.woff2') format('woff2'); |
15 | } | 15 | } |
16 | 16 | ||
17 | @font-face { | ||
18 | font-family: 'Iosevka Aile'; | ||
19 | font-style: normal; | ||
20 | font-weight: normal; | ||
21 | src: //local('Iosevka Aile'), | ||
22 | url('/iosevka-aile-regular.woff2') format('woff2'); | ||
23 | } | ||
24 | |||
25 | @font-face { | ||
26 | font-family: 'Iosevka Aile'; | ||
27 | font-style: normal; | ||
28 | font-weight: bold; | ||
29 | src: //local('Iosevka Aile Bold'), | ||
30 | url('/iosevka-aile-bold.woff2') format('woff2'); | ||
31 | } | ||
32 | |||
33 | @font-face { | ||
34 | font-family: 'IBM Plex Sans'; | ||
35 | font-style: normal; | ||
36 | font-weight: normal; | ||
37 | src: //local('IBM Plex Sans'), | ||
38 | url('/IBMPlexSans-Regular.woff2') format('woff2'); | ||
39 | } | ||
40 | |||
17 | ::selection { | 41 | ::selection { |
18 | background-color: var(--select--bg); | 42 | background-color: var(--select--bg); |
19 | color: var(--select--fg); | 43 | color: var(--select--fg); |
@@ -26,14 +50,13 @@ img::selection { | |||
26 | html, | 50 | html, |
27 | pre, | 51 | pre, |
28 | code { | 52 | code { |
29 | font-family: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier, | 53 | font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1; |
30 | monospace; | ||
31 | font-feature-settings: 'calt' 0, 'dlig' 1; | ||
32 | } | 54 | } |
33 | 55 | ||
34 | html { | 56 | html { |
35 | background-color: var(--bg); | 57 | background-color: var(--bg); |
36 | color: var(--fg); | 58 | color: var(--fg); |
59 | font-family: $font-fam--text; | ||
37 | font-size: px-to-em($font-size, 16px); | 60 | font-size: px-to-em($font-size, 16px); |
38 | line-height: $line-height; | 61 | line-height: $line-height; |
39 | } | 62 | } |
@@ -43,6 +66,11 @@ body { | |||
43 | padding: 0; | 66 | padding: 0; |
44 | } | 67 | } |
45 | 68 | ||
69 | pre, | ||
70 | code { | ||
71 | font-family: $font-fam--mono; | ||
72 | } | ||
73 | |||
46 | code { | 74 | code { |
47 | color: var(--code--fg); | 75 | color: var(--code--fg); |
48 | } | 76 | } |
@@ -54,10 +82,6 @@ pre { | |||
54 | code { | 82 | code { |
55 | color: currentColor; | 83 | color: currentColor; |
56 | } | 84 | } |
57 | |||
58 | strong { | ||
59 | font-weight: normal; | ||
60 | } | ||
61 | } | 85 | } |
62 | 86 | ||
63 | strong { | 87 | strong { |
@@ -82,6 +106,7 @@ li { | |||
82 | width: $subcontent--indent; | 106 | width: $subcontent--indent; |
83 | margin-left: -1 * $subcontent--indent; | 107 | margin-left: -1 * $subcontent--indent; |
84 | color: var(--fg-hi); | 108 | color: var(--fg-hi); |
109 | font-family: $font-fam--mono; | ||
85 | } | 110 | } |
86 | } | 111 | } |
87 | 112 | ||