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

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

@ -12,10 +12,10 @@ if (hexo-config('magic.enable')) {
} }
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; // 头部收缩高度
@ -25,8 +25,8 @@ $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,9 +52,10 @@ $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 风格 背景颜色
$magic-background-color = #f5f5f5; // magic 风格 背景颜色
$normal-text-color = #43404d; // 通用文本颜色（默认字体颜色） $normal-text-color = #43404d; // 通用文本颜色（默认字体颜色）
$first-text-color = darken($normal-text-color, 8%); // 第一文本颜色 $first-text-color = darken($normal-text-color, 8%); // 第一文本颜色
$second-text-color = darken($normal-text-color, 4%); // 第二文本颜色 $second-text-color = darken($normal-text-color, 4%); // 第二文本颜色