From 6c17f5bbda39f5088b53840d74743c44b570c390 Mon Sep 17 00:00:00 2001 From: iissnan Date: Thu, 5 May 2016 19:34:47 +0800 Subject: [PATCH] Pisces: Set font weight of expaneded posts title to light --- .../_common/components/post/post-title.styl | 1 + source/css/_variables/Pisces.styl | 9 +- source/css/_variables/base.styl | 133 +++++++++--------- source/css/_variables/default.styl | 4 - 4 files changed, 77 insertions(+), 70 deletions(-) delete mode 100644 source/css/_variables/default.styl diff --git a/source/css/_common/components/post/post-title.styl b/source/css/_common/components/post/post-title.styl index 32e29c1c0..0e651dcb6 100644 --- a/source/css/_common/components/post/post-title.styl +++ b/source/css/_common/components/post/post-title.styl @@ -2,6 +2,7 @@ font-size: 26px; text-align: center; word-break: break-word; + font-weight: $posts-expand-title-font-weight +mobile() { font-size: 22px; diff --git a/source/css/_variables/Pisces.styl b/source/css/_variables/Pisces.styl index 5b91a494b..8f74ca818 100644 --- a/source/css/_variables/Pisces.styl +++ b/source/css/_variables/Pisces.styl @@ -1,6 +1,13 @@ // Header +// -------------------------------------------------- +$subtitle-color = $gray-lighter + + + +// Posts Expand +// -------------------------------------------------- +$posts-expand-title-font-weight = $font-weight-light -$subtitle-color = $gray-lighter // Sidebar diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl index 0a6d3ec04..f57b44aa2 100644 --- a/source/css/_variables/base.styl +++ b/source/css/_variables/base.styl @@ -114,7 +114,6 @@ $line-height-code-block = 1.6 // Can't be less than 1.3 // Z-index master list // -------------------------------------------------- - $zindex-bottom = -1 $zindex-1 = 1010 $zindex-2 = 1020 @@ -142,28 +141,28 @@ $table-row-hover-bg-color = $whitesmoke // Code & Code Blocks // -------------------------------------------------- -$code-font-family = $font-family-monospace -$code-font-size = 13px -$code-background = $gainsboro -$code-foreground = $black-light -$code-border-radius = 4px +$code-font-family = $font-family-monospace +$code-font-size = 13px +$code-background = $gainsboro +$code-foreground = $black-light +$code-border-radius = 4px // Buttons // -------------------------------------------------- -$btn-font-weight = normal +$btn-font-weight = normal -$btn-default-radius = 0 -$btn-default-bg = $black-deep -$btn-default-color = white -$btn-default-font-size = 14px -$btn-default-border-width = 2px -$btn-default-border-color = $black-deep -$btn-default-hover-bg = white -$btn-default-hover-color = $black-deep -$btn-default-hover-border-color = $black-deep +$btn-default-radius = 0 +$btn-default-bg = $black-deep +$btn-default-color = white +$btn-default-font-size = 14px +$btn-default-border-width = 2px +$btn-default-border-color = $black-deep +$btn-default-hover-bg = white +$btn-default-hover-color = $black-deep +$btn-default-hover-border-color = $black-deep @@ -206,8 +205,8 @@ $gap-between-main-and-footer = 100px // Headband // -------------------------------------------------- -$headband-height = 3px -$headband-bg = $black-deep +$headband-height = 3px +$headband-bg = $black-deep @@ -215,37 +214,41 @@ $headband-bg = $black-deep // Variables for header section elements. // -------------------------------------------------- -$head-bg = white +$head-bg = white // Site Meta -$site-meta-text-align = center -$brand-color = white -$brand-hover-color = white -$brand-bg = $black-deep +$site-meta-text-align = center +$brand-color = white +$brand-hover-color = white +$brand-bg = $black-deep -$logo-font-size = 20px -$logo-font-size = unit(hexo-config('font.logo.size'), px) if hexo-config('font.logo.size') is a 'unit' +$logo-font-size = 20px +$logo-font-size = unit(hexo-config('font.logo.size'), px) if hexo-config('font.logo.size') is a 'unit' -$site-subtitle-color = $grey-dark -$subtitle-font-size = 13px -$subtitle-color = $grey-dark +$site-subtitle-color = $grey-dark +$subtitle-font-size = 13px +$subtitle-color = $grey-dark // Menu -$menu-link-border = transparent -$menu-link-hover-border = $black-deep +$menu-link-border = transparent +$menu-link-hover-border = $black-deep + +// Posts Expand +// -------------------------------------------------- +$posts-expand-title-font-weight = $font-weight-normal // Posts Collpase // -------------------------------------------------- -$posts-collapse-left = 55px -$posts-collapse-left-mobile = 5px +$posts-collapse-left = 55px +$posts-collapse-left-mobile = 5px -$read-more-color = white -$read-more-font-size = 14px -$read-more-bg-color = $black-deep -$read-more-border-radius = 0 +$read-more-color = white +$read-more-font-size = 14px +$read-more-bg-color = $black-deep +$read-more-border-radius = 0 @@ -253,32 +256,32 @@ $read-more-border-radius = 0 // Sidebar // Variables for sidebar section elements. // -------------------------------------------------- -$sidebar-nav-color = $black-light -$sidebar-nav-hover-color = $whitesmoke -$sidebar-highlight = $blue-bright - -$site-author-image-padding = 2px -$site-author-image-width = 96px -$site-author-image-height = auto -$site-author-image-border-width = 2px -$site-author-image-border-color = $black-dim - -$site-author-name-margin = 5px 0 0 -$site-author-name-color = $whitesmoke -$site-author-name-align = center -$site-author-name-weight = normal - -$site-description-font-size = 14px -$site-description-color = $grey-dark -$site-description-margin-top = 5px -$site-description-align = center - -$site-state-align = center -$site-state-item-count-font-size = 18px -$site-state-item-count-color = inherit -$site-state-item-name-font-size = 13px -$site-state-item-name-color = inherit -$site-state-item-border-color = $black-dim +$sidebar-nav-color = $black-light +$sidebar-nav-hover-color = $whitesmoke +$sidebar-highlight = $blue-bright + +$site-author-image-padding = 2px +$site-author-image-width = 96px +$site-author-image-height = auto +$site-author-image-border-width = 2px +$site-author-image-border-color = $black-dim + +$site-author-name-margin = 5px 0 0 +$site-author-name-color = $whitesmoke +$site-author-name-align = center +$site-author-name-weight = normal + +$site-description-font-size = 14px +$site-description-color = $grey-dark +$site-description-margin-top = 5px +$site-description-align = center + +$site-state-align = center +$site-state-item-count-font-size = 18px +$site-state-item-count-color = inherit +$site-state-item-name-font-size = 13px +$site-state-item-name-color = inherit +$site-state-item-border-color = $black-dim $toc-link-color = $grey-dark $toc-link-border-color = $black-light @@ -304,7 +307,7 @@ $b2t-bg-color = $black-deep // .post-expand .post-eof -// In the default (Mist) scheme, margin above and below the post separator +// In Muse scheme, margin above and below the post separator $post-eof-margin-top = 80px // or 160px for more white space $post-eof-margin-bottom = 60px // or 120px for less white space @@ -314,5 +317,5 @@ $post-eof-margin-bottom = 60px // or 120px for less white space // -------------------------------------------------- // blockquote-center icon -$center-quote-left = '../images/quote-l.svg' -$center-quote-right = '../images/quote-r.svg' +$center-quote-left = '../images/quote-l.svg' +$center-quote-right = '../images/quote-r.svg' diff --git a/source/css/_variables/default.styl b/source/css/_variables/default.styl deleted file mode 100644 index 489f5a019..000000000 --- a/source/css/_variables/default.styl +++ /dev/null @@ -1,4 +0,0 @@ -// .post-expand .post-eof -// In the default scheme, margin above and below the post separator -$post-eof-margin-top = 80px // or 160px for more white space -$post-eof-margin-bottom = 60px // or 120px for less white space