diff options
author | Dillon <dillonzq@outlook.com> | 2020-04-23 11:49:30 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-23 11:49:30 +0300 |
commit | 87fbb05e863c014b858eae042c890f1a52928df7 (patch) | |
tree | c20f0042cb05c39ebb9f2614633beb1f7c5d5ab7 /assets | |
parent | 919f559fd03a49c6371c99d7b1513dc9b51e3a17 (diff) |
feat(header): add Logo, pre and post config for header title (#252)
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/_page/_archive.scss | 5 | ||||
-rw-r--r-- | assets/css/_page/_single.scss | 9 | ||||
-rw-r--r-- | assets/css/_partial/_archive/_terms.scss | 22 | ||||
-rw-r--r-- | assets/css/_partial/_header.scss | 11 | ||||
-rw-r--r-- | assets/css/_partial/_single/_code.scss | 10 | ||||
-rw-r--r-- | assets/css/_variables.scss | 4 |
6 files changed, 37 insertions, 24 deletions
diff --git a/assets/css/_page/_archive.scss b/assets/css/_page/_archive.scss index 0140e4b..2b8f466 100644 --- a/assets/css/_page/_archive.scss +++ b/assets/css/_page/_archive.scss @@ -3,6 +3,11 @@ text-align: right; } + .group-title { + margin-top: 1.5rem; + margin-bottom: 1rem; + } + @import "../_partial/_archive/terms"; @import "../_partial/_archive/tags"; } diff --git a/assets/css/_page/_single.scss b/assets/css/_page/_single.scss index 2540b13..3dd2e58 100644 --- a/assets/css/_page/_single.scss +++ b/assets/css/_page/_single.scss @@ -205,7 +205,8 @@ img { max-width: 100%; - min-height: 1.2rem; + min-height: 1.25em; + vertical-align: text-bottom; } figure { @@ -339,10 +340,8 @@ } } - .version img { - min-height: 1.2rem; - height: 1.2rem; - vertical-align: text-bottom; + .version { + height: 1.25em; } } diff --git a/assets/css/_partial/_archive/_terms.scss b/assets/css/_partial/_archive/_terms.scss index d47b1a3..ef24aa9 100644 --- a/assets/css/_partial/_archive/_terms.scss +++ b/assets/css/_partial/_archive/_terms.scss @@ -1,7 +1,3 @@ -.archive-item { - margin-left: 2rem; -} - .categories-card { margin: 0 auto; margin-top: 3rem; @@ -10,7 +6,6 @@ justify-content: space-between; flex-direction: row; flex-wrap: wrap; - padding: 0 2.5rem; line-height: 1.6rem; .card-item { @@ -32,6 +27,8 @@ font-size: 1.2rem; font-weight: bold; display: inline-block; + margin-top: 1rem; + margin-bottom: .75rem; } span { @@ -42,12 +39,19 @@ } } +.archive-item { + display: flex; + justify-content: space-between; + align-items: center; + box-sizing: border-box; + margin: .25rem 0 .25rem 1.5rem; +} + .archive-item-link { - display: inline-block; + min-width: 10%; overflow: hidden; - text-overflow: ellipsis; white-space: nowrap; - max-width: 95%; + text-overflow: ellipsis; &:hover { color: $global-link-hover-color; @@ -64,7 +68,7 @@ } .archive-item-date { - float: right; + width: 4em; text-align: right; color: $global-font-secondary-color; diff --git a/assets/css/_partial/_header.scss b/assets/css/_partial/_header.scss index 74fe1d0..9e48ece 100644 --- a/assets/css/_partial/_header.scss +++ b/assets/css/_partial/_header.scss @@ -6,6 +6,13 @@ header { .dark & { background-color: $header-background-color-dark; } + + .logo { + min-height: 1.25em; + height: 1.25em; + vertical-align: text-bottom; + padding-right: .25rem; + } } .header-wrapper { @@ -136,7 +143,7 @@ header { padding: 0 1.5rem; .header-title { - font-size: $header-title-font-size-desktop; + font-size: $header-title-font-size; } .menu { @@ -203,7 +210,7 @@ header { @include transition(margin-top 0.3s ease 0s); .header-title { - font-size: $header-title-font-size-mobile; + font-size: $header-title-font-size; max-width: 80%; } diff --git a/assets/css/_partial/_single/_code.scss b/assets/css/_partial/_single/_code.scss index 30058dd..55771d2 100644 --- a/assets/css/_partial/_single/_code.scss +++ b/assets/css/_partial/_single/_code.scss @@ -3,9 +3,9 @@ code { font-family: $code-font-family; color: $code-color; - img, .version img { - min-height: 1.2 * $code-font-size; - height: 1.2 * $code-font-size; + img { + min-height: 1.25em; + max-height: 1.25em; } .dark & { @@ -25,7 +25,7 @@ pre { .copy-button { font-size: $code-font-size; - line-height: 1.4 * $code-font-size; + line-height: 1.4em; position: absolute; top: 0; right: 0; @@ -129,7 +129,7 @@ code, pre, .highlight table, .highlight tr, .highlight td { .highlight { font-family: $code-font-family; font-size: $code-font-size; - line-height: 1.4 * $code-font-size; + line-height: 1.4em; /* Comment */ .c, /* CommentHashbang */ .ch, /* CommentMultiline */ .cm, diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss index bf16cb5..8422c43 100644 --- a/assets/css/_variables.scss +++ b/assets/css/_variables.scss @@ -58,9 +58,7 @@ $header-background-color-dark: #252627 !default; // Font style of the header title $header-title-font-family: $global-font-family !default; - -$header-title-font-size-desktop: 1.5rem !default; -$header-title-font-size-mobile: 1.5rem !default; +$header-title-font-size: 1.5rem !default; // Position of the header $header-position-desktop: if($header-normal-mode-desktop, static, fixed) !default; |