🔀 Merge branch 'feature-dynamic_import_scss' into develop
Generate different style content with scheme name.
This commit is contained in:
凡梦星尘
commit
277f500942
@ -1,119 +0,0 @@
|
||||
// All variables from site's config content.
|
||||
{{- $P := .Site.Params -}}
|
||||
|
||||
// Base
|
||||
$scheme: {{ $P.scheme }};
|
||||
$darkmode: {{ $P.darkmode }};
|
||||
|
||||
$body_scrollbar_overlay: {{ $P.bodyScrollbar.overlay }};
|
||||
$body_scrollbar_stable: {{ $P.bodyScrollbar.stable }};
|
||||
$mermaid_enable: {{ $P.mermaid.enable }};
|
||||
$mobile_layout_economy: {{ $P.mobileLayoutEconomy }};
|
||||
$theme_color_dark: {{ $P.themeColor.dark }};
|
||||
$theme_color_light: {{ $P.themeColor.light }};
|
||||
|
||||
// Header
|
||||
$bookmark_color: {{ $P.bookmark.color }};
|
||||
$bookmark_enable: {{ $P.bookmark.enable }};
|
||||
$github_banner_enable: {{ $P.githubBanner.enable }};
|
||||
$menu_settings_badges: {{ $P.menuSets.badges }};
|
||||
|
||||
// Footer
|
||||
$footer_icon_color: {{ $P.footer.icon.color }};
|
||||
$footer_icon_animated: {{ $P.footer.icon.animated }};
|
||||
$footer_beian_enable: {{ $P.footer.beian.enable }};
|
||||
|
||||
// Counter
|
||||
$busuanzi_enable: {{ $P.busuanzi.enable }};
|
||||
$busuanzi_visitors: {{ $P.busuanzi.visitors }};
|
||||
$busuanzi_views: {{ $P.busuanzi.views }};
|
||||
$busuanzi_post_views: {{ $P.busuanzi.postViews }};
|
||||
|
||||
// Font
|
||||
$font_enable: {{ $P.font.enable }};
|
||||
$font_global_size: {{ default $P.font.global.size 1 }};
|
||||
$font_headings_size: {{ default $P.font.headings.size 1.625 }};
|
||||
$font_title_size: {{ default $P.font.title.size 1.375 }};
|
||||
|
||||
// Code & Code blocks
|
||||
// TODO find the configure variable
|
||||
$highlight_dark_background: #000;
|
||||
$highlight_dark_foreground: #222;
|
||||
$highlight_light_background: #000;
|
||||
$highlight_light_foreground: #222;
|
||||
|
||||
$codeblock_copy_btn_style: {{ $P.codeblock.copyBtn.style }};
|
||||
|
||||
// Sidebar
|
||||
$sidebar_offset: {{ $P.sidebar.offset }};
|
||||
$sidebar_padding: {{ $P.sidebar.padding }};
|
||||
$sidebar_position: {{ $P.sidebar.position }};
|
||||
$sidebar_width: {{ $P.sidebar.width }};
|
||||
|
||||
$motion_enable: {{ $P.motion.enable }};
|
||||
$motion_transition_sidebar: {{ $P.motion.transition.sidebar }};
|
||||
|
||||
$back2top_enable: {{ $P.backTop.enable }};
|
||||
$back2top_scrollpercent: {{ $P.backTop.scrollpercent }};
|
||||
$back2top_sidebar: {{ $P.backTop.sidebar }};
|
||||
|
||||
$avatar_rotated: {{ $P.avatar.rotated }};
|
||||
$avatar_rounded: {{ $P.avatar.rounded }};
|
||||
$avatar_rounded: {{ $P.avatar.rounded }};
|
||||
$site_state: {{ $P.siteState }};
|
||||
$social_icons_only: {{ $P.socialIcons.iconsOnly }};
|
||||
$social_icons_transition: {{ $P.socialIcons.transition }};
|
||||
$links_settings_layout: {{ $P.linksSets.layout }};
|
||||
$toc_enable: {{ $P.toc.enable }};
|
||||
$toc_expand_all: {{ $P.toc.expandAll }};
|
||||
$toc_wrap: {{ $P.toc.wrap }};
|
||||
|
||||
// Posts
|
||||
$creative_commons_post: {{ $P.creativeCommons.post }};
|
||||
$follow_me: {{ isset $P "followMe" }};
|
||||
$motion_trans_coll_header: {{ $P.motion.transition.collHeader }};
|
||||
$motion_trans_post_block: {{ $P.motion.transition.postBlock }};
|
||||
$motion_trans_post_body: {{ $P.motion.transition.postBody }};
|
||||
$motion_trans_post_header: {{ $P.motion.transition.postHeader }};
|
||||
$post_edit_enable: {{ $P.postEdit.enable }};
|
||||
$post_meta_item_text: {{ $P.postMeta.itemText }};
|
||||
$reward_settings_animation: {{ $P.rewardSets.animation }};
|
||||
|
||||
// TODO find the paramters
|
||||
$text_align_desktop: center;
|
||||
$text_align_mobile: center;
|
||||
|
||||
// Note
|
||||
$note_icons: {{ $P.note.icons }};
|
||||
$note_light_bg_offset: {{ $P.note.lightBgOffset }};
|
||||
$note_style: {{ $P.note.style }};
|
||||
|
||||
// Tabs
|
||||
$tabs_transition_labels: {{ $P.tabs.transition.labels }};
|
||||
$tabs_transition_tabs: {{ $P.tabs.transition.tabs }};
|
||||
|
||||
// Reading progress bar
|
||||
$reading_progress_start: {{ $P.readingProgress.start }};
|
||||
$reading_progress_color: {{ $P.readingProgress.color }};
|
||||
$reading_progress_enable: {{ $P.readingProgress.enable }};
|
||||
$reading_progress_height: {{ $P.readingProgress.height }};
|
||||
$reading_progress_position: {{ $P.readingProgress.position }};
|
||||
$reading_progress_reversed: {{ $P.readingProgress.reversed }};
|
||||
|
||||
// Thirdparty
|
||||
$math_mathjax_enable: {{ $P.math.mathjax.enable }};
|
||||
$related_posts_enable: {{ $P.relatedPosts.enable }};
|
||||
$pdf_enable: {{ $P.pdf.enable }};
|
||||
$pdf_height: {{ $P.pdf.height }};
|
||||
|
||||
// Search engine
|
||||
$algolia_search_enable: {{ $P.algoliaSearch.enable }};
|
||||
$local_search_enable: {{ $P.localSearch.enable }};
|
||||
|
||||
// Online IM
|
||||
$gitalk_enable: {{ $P.gitalk.enable }};
|
||||
$gitter_enable: {{ $P.gitter.enable }};
|
||||
|
||||
// Comment
|
||||
$disqusjs_enable: {{ $P.disqusjs.enable }};
|
||||
$utterances_enable: {{ $P.utterances.enable }};
|
||||
@ -1,19 +1,138 @@
|
||||
// CSS Style Guide: https://codeguide.co/#css
|
||||
|
||||
// All variables from site's config content.
|
||||
{{- $P := .Site.Params -}}
|
||||
|
||||
//$scheme : if(hexo-config('scheme'), hexo-config('scheme'), 'Muse');
|
||||
// Base
|
||||
$scheme: {{ $P.scheme }};
|
||||
$darkmode: {{ $P.darkmode }};
|
||||
|
||||
$body_scrollbar_overlay: {{ $P.bodyScrollbar.overlay }};
|
||||
$body_scrollbar_stable: {{ $P.bodyScrollbar.stable }};
|
||||
$mermaid_enable: {{ $P.mermaid.enable }};
|
||||
$mobile_layout_economy: {{ $P.mobileLayoutEconomy }};
|
||||
$theme_color_dark: {{ $P.themeColor.dark }};
|
||||
$theme_color_light: {{ $P.themeColor.light }};
|
||||
|
||||
// Header
|
||||
$bookmark_color: {{ $P.bookmark.color }};
|
||||
$bookmark_enable: {{ $P.bookmark.enable }};
|
||||
$github_banner_enable: {{ $P.githubBanner.enable }};
|
||||
$menu_settings_badges: {{ $P.menuSets.badges }};
|
||||
|
||||
// Footer
|
||||
$footer_icon_color: {{ $P.footer.icon.color }};
|
||||
$footer_icon_animated: {{ $P.footer.icon.animated }};
|
||||
$footer_beian_enable: {{ $P.footer.beian.enable }};
|
||||
|
||||
// Counter
|
||||
$busuanzi_enable: {{ $P.busuanzi.enable }};
|
||||
$busuanzi_visitors: {{ $P.busuanzi.visitors }};
|
||||
$busuanzi_views: {{ $P.busuanzi.views }};
|
||||
$busuanzi_post_views: {{ $P.busuanzi.postViews }};
|
||||
|
||||
// Font
|
||||
$font_enable: {{ $P.font.enable }};
|
||||
$font_global_size: {{ default $P.font.global.size 1 }};
|
||||
$font_headings_size: {{ default $P.font.headings.size 1.625 }};
|
||||
$font_title_size: {{ default $P.font.title.size 1.375 }};
|
||||
|
||||
// Code & Code blocks
|
||||
// TODO find the configure variable
|
||||
$highlight_dark_background: #000;
|
||||
$highlight_dark_foreground: #222;
|
||||
$highlight_light_background: #000;
|
||||
$highlight_light_foreground: #222;
|
||||
|
||||
$codeblock_copy_btn_style: {{ $P.codeblock.copyBtn.style }};
|
||||
|
||||
// Sidebar
|
||||
$sidebar_offset: {{ $P.sidebar.offset }};
|
||||
$sidebar_padding: {{ $P.sidebar.padding }};
|
||||
$sidebar_position: {{ $P.sidebar.position }};
|
||||
$sidebar_width: {{ $P.sidebar.width }};
|
||||
|
||||
$motion_enable: {{ $P.motion.enable }};
|
||||
$motion_transition_sidebar: {{ $P.motion.transition.sidebar }};
|
||||
|
||||
$back2top_enable: {{ $P.backTop.enable }};
|
||||
$back2top_scrollpercent: {{ $P.backTop.scrollpercent }};
|
||||
$back2top_sidebar: {{ $P.backTop.sidebar }};
|
||||
|
||||
$avatar_rotated: {{ $P.avatar.rotated }};
|
||||
$avatar_rounded: {{ $P.avatar.rounded }};
|
||||
$avatar_rounded: {{ $P.avatar.rounded }};
|
||||
$site_state: {{ $P.siteState }};
|
||||
$social_icons_only: {{ $P.socialIcons.iconsOnly }};
|
||||
$social_icons_transition: {{ $P.socialIcons.transition }};
|
||||
$links_settings_layout: {{ $P.linksSets.layout }};
|
||||
$toc_enable: {{ $P.toc.enable }};
|
||||
$toc_expand_all: {{ $P.toc.expandAll }};
|
||||
$toc_wrap: {{ $P.toc.wrap }};
|
||||
|
||||
// Posts
|
||||
$creative_commons_post: {{ $P.creativeCommons.post }};
|
||||
$follow_me: {{ isset $P "followMe" }};
|
||||
$motion_trans_coll_header: {{ $P.motion.transition.collHeader }};
|
||||
$motion_trans_post_block: {{ $P.motion.transition.postBlock }};
|
||||
$motion_trans_post_body: {{ $P.motion.transition.postBody }};
|
||||
$motion_trans_post_header: {{ $P.motion.transition.postHeader }};
|
||||
$post_edit_enable: {{ $P.postEdit.enable }};
|
||||
$post_meta_item_text: {{ $P.postMeta.itemText }};
|
||||
$reward_settings_animation: {{ $P.rewardSets.animation }};
|
||||
|
||||
// TODO find the paramters
|
||||
$text_align_desktop: center;
|
||||
$text_align_mobile: center;
|
||||
|
||||
// Note
|
||||
$note_icons: {{ $P.note.icons }};
|
||||
$note_light_bg_offset: {{ $P.note.lightBgOffset }};
|
||||
$note_style: {{ $P.note.style }};
|
||||
|
||||
// Tabs
|
||||
$tabs_transition_labels: {{ $P.tabs.transition.labels }};
|
||||
$tabs_transition_tabs: {{ $P.tabs.transition.tabs }};
|
||||
|
||||
// Reading progress bar
|
||||
$reading_progress_start: {{ $P.readingProgress.start }};
|
||||
$reading_progress_color: {{ $P.readingProgress.color }};
|
||||
$reading_progress_enable: {{ $P.readingProgress.enable }};
|
||||
$reading_progress_height: {{ $P.readingProgress.height }};
|
||||
$reading_progress_position: {{ $P.readingProgress.position }};
|
||||
$reading_progress_reversed: {{ $P.readingProgress.reversed }};
|
||||
|
||||
// Thirdparty
|
||||
$math_mathjax_enable: {{ $P.math.mathjax.enable }};
|
||||
$related_posts_enable: {{ $P.relatedPosts.enable }};
|
||||
$pdf_enable: {{ $P.pdf.enable }};
|
||||
$pdf_height: {{ $P.pdf.height }};
|
||||
|
||||
// Search engine
|
||||
$algolia_search_enable: {{ $P.algoliaSearch.enable }};
|
||||
$local_search_enable: {{ $P.localSearch.enable }};
|
||||
|
||||
// Online IM
|
||||
$gitalk_enable: {{ $P.gitalk.enable }};
|
||||
$gitter_enable: {{ $P.gitter.enable }};
|
||||
|
||||
// Comment
|
||||
$disqusjs_enable: {{ $P.disqusjs.enable }};
|
||||
$utterances_enable: {{ $P.utterances.enable }};
|
||||
|
||||
//
|
||||
// Variables Layer
|
||||
// --------------------------------------------------
|
||||
@import '_variables/base';
|
||||
// TODO think how dynamic import the scheme variables
|
||||
@import '_variables/Gemini';
|
||||
{{ printf "/* %s Scheme Style */" $P.scheme }}
|
||||
{{ printf "@import '_variables/%s';" $P.scheme }}
|
||||
// TODO
|
||||
//@import 'theme.injects.variable';
|
||||
|
||||
// Mixins Layer
|
||||
// --------------------------------------------------
|
||||
@import '_mixins';
|
||||
// TODO
|
||||
//@import 'theme.injects.mixin';
|
||||
|
||||
// Dark mode colors
|
||||
@ -32,12 +151,11 @@
|
||||
// Components
|
||||
@import '_common/components';
|
||||
|
||||
|
||||
// Schemes Layer
|
||||
// --------------------------------------------------
|
||||
@import '_schemes/Gemini/';
|
||||
|
||||
{{ printf "@import '_schemes/%s/';" $P.scheme }}
|
||||
|
||||
// Custom Layer
|
||||
// TODO
|
||||
// --------------------------------------------------
|
||||
// @import 'theme.injects.style';
|
||||
|
||||
@ -1,6 +1,4 @@
|
||||
{{- $scssVars := resources.Get "css/_sitevars.scss"}}
|
||||
{{- $scssVars = $scssVars | resources.ExecuteAsTemplate "sitevars.scss" . }}
|
||||
{{- $scssMain := resources.Get "css/main.scss" }}
|
||||
{{- $scss := slice $scssVars $scssMain | resources.Concat "css/main.scss" }}
|
||||
{{- $scss := resources.Get "css/main.scss" }}
|
||||
{{- $scss = $scss | resources.ExecuteAsTemplate "main.scss" . }}
|
||||
{{- $css := $scss | toCSS (dict "targetPath" "/css/main.css" "outputStyle" "expanded") }}
|
||||
<link rel="stylesheet" href="{{ $css.RelPermalink }}">
|
||||
Loading…
Reference in New Issue
Block a user