lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: modified variables.styl

This commit is contained in:
XPoet 2020-07-09 18:24:13 +08:00
parent a15a6f54d3
commit 7029b67c41
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
source/css/layout/common/variables.styl
View File

@ -6,27 +6,27 @@
// layout // layout
// =================================== // ===================================
if (hexo-config('magic.enable')) { if (hexo-config('magic.enable')) {
$header-height = 80px; // 头部默认高度 $header-height = 80px; // 头部默认高度
} else { } else {
$header-height = 100px; // 头部默认高度 $header-height = 100px; // 头部默认高度
} }
if (hexo-config('magic.enable') && hexo-config('magic.sidebar.enable')) { if (hexo-config('magic.enable') && hexo-config('magic.sidebar.enable')) {
$main-content-width = 80%; $main-content-width = 80%; // 中间内容区域宽度
$sidebar-width = 280px; // 侧边栏宽度 $sidebar-width = 280px; // 侧边栏宽度
} else { } else {
$main-content-width = 60%; $main-content-width = 62%; // 中间内容区域宽度
} }
$header-shrink-height = 60px; // 头部收缩高度 $header-shrink-height = 60px; // 头部收缩高度
$tool-button-width = 36px; // 方形工具按钮宽度 $tool-button-width = 36px; // 方形工具按钮宽度
$component-interspace = 30px; // 组件/模块的间隔值（px） $component-interspace = 30px; // 组件/模块的间隔值（px）
// =================================== // ===================================
// 媒体查询 // 媒体查询
// =================================== // ===================================
$media-max-width = 760px; // 媒体查询最大宽度 $media-max-width = 760px; // 媒体查询最大宽度 (平板)
$media-max-width-mobile = 480px; // 媒体查询最大宽度 $media-max-width-mobile = 480px; // 媒体查询最大宽度（手机）
ils-tablet() ils-tablet()
@media (max-width: $media-max-width) @media (max-width: $media-max-width)
@ -52,16 +52,17 @@ $z-index-6 = 1006;
// color // color
// =================================== // ===================================
// normal mode color // normal mode color
$primary-color = #225eea; // 主题颜色 $primary-color = rgba(30, 88, 217, 0.96); // 主题颜色
$background-color = #fff; // 背景颜色 //$primary-color = hexo-config('theme_color');
$magic-background-color = #f5f5f5; // MAGIC 主题背景颜色 $background-color = #fff; // normal 风格 背景颜色
$normal-text-color = #43404d; // 通用文本颜色（默认字体颜色） $magic-background-color = #f5f5f5; // magic 风格 背景颜色
$first-text-color = darken($normal-text-color, 8%); // 第一文本颜色 $normal-text-color = #43404d; // 通用文本颜色（默认字体颜色）
$second-text-color = darken($normal-text-color, 4%); // 第二文本颜色 $first-text-color = darken($normal-text-color, 8%); // 第一文本颜色
$second-text-color = darken($normal-text-color, 4%); // 第二文本颜色
$third-text-color = lighten($normal-text-color, 40%); // 第三文本颜色 $third-text-color = lighten($normal-text-color, 40%); // 第三文本颜色
$fourth-text-color = #eee; // 第四文本颜色 $fourth-text-color = #eee; // 第四文本颜色
$border-color = darken($background-color, 30%); // 边框颜色 $border-color = darken($background-color, 30%); // 边框颜色
$selection-color = lighten($primary-color, 20%); // 文字选中的颜色 $selection-color = lighten($primary-color, 20%); // 文字选中的颜色
// dark mode color // dark mode color
$dark-primary-color = $primary-color; $dark-primary-color = $primary-color;
@ -142,4 +143,4 @@ $default-font-weight = 400;
--normal-text-color: $normal-text-color; --normal-text-color: $normal-text-color;
--border-color: $border-color; --border-color: $border-color;
--selection-color: $selection-color; --selection-color: $selection-color;
} }