190 lines
6.9 KiB
SCSS
190 lines
6.9 KiB
SCSS
// CSS Style Guide : https://codeguide.co/#css
|
|
// 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 }};
|
|
$footer_vendors_enable : {{ isset $P.footer "vendors" }};
|
|
{{ with $P.footer.vendors }}
|
|
{{ $width := slice "start" }}
|
|
{{ range .list }}
|
|
{{ if .image }}
|
|
{{ $width = $width | append .image.width }}
|
|
{{ end }}
|
|
{{ end }}
|
|
{{ printf "$footer_vendors_imgs_width:%s;" (delimit (after 1 $width) ", ") }}
|
|
{{ end }}
|
|
|
|
// 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 : #1c1b1b;
|
|
$highlight_dark_foreground : #fff;
|
|
$highlight_light_background : #565656;
|
|
$highlight_light_foreground : #fff;
|
|
|
|
$codeblock_copy_btn_enable : {{ $P.codeblock.copyBtn }};
|
|
$codeblock_style : {{ $P.codeblock.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 }};
|
|
$post_end_tag_icon : {{ $P.postFooter.tagIcon }};
|
|
|
|
// TODO find the paramters
|
|
$text_align_desktop : {{ $P.textAlign.desktop }};
|
|
$text_align_mobile : {{ $P.textAlign.mobile }};
|
|
|
|
// 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 }};
|
|
// TODO
|
|
//$related_posts_enable : {{ $P.relatedPosts.enable }};
|
|
$related_posts_enable : false;
|
|
$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 }};
|
|
$gitalk_enable : false;
|
|
$gitter_enable : {{ $P.gitter.enable }};
|
|
|
|
// Comment
|
|
//$disqusjs_enable : {{ $P.disqusjs.enable }};
|
|
$disqusjs_enable : false;
|
|
$livere_enable : {{ isset $P.livere "uid" }};
|
|
$utterances_enable : {{ isset $P.utterances "utterances" }};
|
|
$waline_enable : {{ isset $P.waline "serverurl" }};
|
|
{{- with .Site.Params.comments }}
|
|
{{- $tce := and (isset . "nav") (and .storage (gt (len .nav) 1)) }}
|
|
$two_comments_enable : {{ $tce }};
|
|
{{- if $tce }}
|
|
{{- $sortNav := sort .nav "weight" }}
|
|
$two_comments_actived : {{ .active }};
|
|
$first_comment_color : {{ (index $sortNav 0).color }};
|
|
$first_comment_name : {{ lower (index $sortNav 0).name }};
|
|
$second_comment_color : {{ (index $sortNav 1).color }};
|
|
$second_comment_name : {{ lower (index $sortNav 1).name }};
|
|
{{- end }}
|
|
{{- end }}
|
|
|
|
//
|
|
// Variables Layer
|
|
// --------------------------------------------------
|
|
@import '_variables/base';
|
|
{{ 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
|
|
// --------------------------------------------------
|
|
@import '_colors';
|
|
|
|
// Common Layer
|
|
// --------------------------------------------------
|
|
|
|
// Scaffolding
|
|
@import '_common/scaffolding';
|
|
|
|
// Layout
|
|
@import '_common/outline';
|
|
|
|
// Components
|
|
@import '_common/components';
|
|
|
|
// Schemes Layer
|
|
// --------------------------------------------------
|
|
{{ printf "@import '_schemes/%s/';" $P.scheme }}
|
|
|
|
// Custom Layer
|
|
// TODO
|
|
// --------------------------------------------------
|
|
// @import 'theme.injects.style';
|