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: auto compute menu bottom border distance when header shrink

This commit is contained in:
XPoet 2020-09-11 17:24:06 +08:00
parent f4ee266e44
commit d48e164bf2
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/css/layout/_partial/header.styl
View File

@ -274,12 +274,12 @@ $header-progress-height = 2.8px;
.menu-item { .menu-item {
a:hover { a:hover {
&::after { &::after {
bottom: -20px; bottom: -($header-shrink-height / 2 - 10);
} }
} }
.active::after { .active::after {
bottom: -20px; bottom: -($header-shrink-height / 2 - 10);
} }
} }

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

@ -15,7 +15,7 @@ $main-content-width = 62%; // 中间内容区域宽度（PC）
$main-content-width-tablet = 80%; // 中间内容区域宽度（平板） $main-content-width-tablet = 80%; // 中间内容区域宽度（平板）
$main-content-width-mobile = 88%; // 中间内容区域宽度（手机） $main-content-width-mobile = 88%; // 中间内容区域宽度（手机）
$header-shrink-height = 60px; // 头部收缩高度 $header-shrink-height = 56px; // 头部收缩高度
$tool-button-width = 36px; // tools 方形工具按钮宽度 $tool-button-width = 36px; // tools 方形工具按钮宽度
$component-interspace = 30px; // 组件/模块的间隔值（px） $component-interspace = 30px; // 组件/模块的间隔值（px）