diff options
author | GretaD <gretadoci@gmail.com> | 2020-10-30 17:26:07 +0300 |
---|---|---|
committer | GretaD <gretadoci@gmail.com> | 2020-11-03 15:58:04 +0300 |
commit | bfe87e501d83ff4dc9e5057c07464a598d951b4b (patch) | |
tree | 184f6f2b203bcfe2413cff585347dd7bd0b4a1e5 /core | |
parent | 9d5362dd8e368a51d0e2fe98db9dc798b656720c (diff) |
Add default font size
Signed-off-by: GretaD <gretadoci@gmail.com>
Diffstat (limited to 'core')
-rw-r--r-- | core/css/css-variables.scss | 3 | ||||
-rw-r--r-- | core/css/styles.scss | 4 | ||||
-rw-r--r-- | core/css/variables.scss | 3 | ||||
-rw-r--r-- | core/src/components/UnifiedSearch/SearchResult.vue | 2 | ||||
-rw-r--r-- | core/src/views/UnifiedSearch.vue | 2 |
5 files changed, 10 insertions, 4 deletions
diff --git a/core/css/css-variables.scss b/core/css/css-variables.scss index 8b09b006939..4190c6773e1 100644 --- a/core/css/css-variables.scss +++ b/core/css/css-variables.scss @@ -46,6 +46,9 @@ --border-radius-pill: $border-radius-pill; --font-face: $font-face; + --default-font-size: $default-font-size; + + --default-line-height: $default-line-height; --animation-quick: $animation-quick; --animation-slow: $animation-slow; diff --git a/core/css/styles.scss b/core/css/styles.scss index e2fe4e787f6..780a2085bc8 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -89,8 +89,8 @@ body { background-color: var(--color-main-background); font-weight: normal; /* bring the default font size up to 15px */ - font-size: .9375em; - line-height: 1.6em; + font-size: var(--default-font-size); + line-height: var(--default-line-height); font-family: var(--font-face); color: var(--color-main-text); } diff --git a/core/css/variables.scss b/core/css/variables.scss index 6f2d19e8723..cf7d919d72d 100644 --- a/core/css/variables.scss +++ b/core/css/variables.scss @@ -87,6 +87,9 @@ $border-radius-large: 10px !default; $border-radius-pill: 100px !default; $font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, 'Noto Color Emoji', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default; +$default-font-size: 15px; + +$default-line-height: 24px; $animation-quick: 100ms; $animation-slow: 300ms; diff --git a/core/src/components/UnifiedSearch/SearchResult.vue b/core/src/components/UnifiedSearch/SearchResult.vue index 025ddef86c0..e50cc413d03 100644 --- a/core/src/components/UnifiedSearch/SearchResult.vue +++ b/core/src/components/UnifiedSearch/SearchResult.vue @@ -250,7 +250,7 @@ $margin: 10px; } &-line-two { opacity: .7; - font-size: 14px; + font-size: var(--default-font-size); } } diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue index be33ac8cd8d..b579ce72eb8 100644 --- a/core/src/views/UnifiedSearch.vue +++ b/core/src/views/UnifiedSearch.vue @@ -744,7 +744,7 @@ $input-padding: 6px; ::v-deep .empty-content__title { font-weight: normal; - font-size: 14px; + font-size: var(--default-font-size); padding: 0 15px; text-align: center; } |