PR Type
- Bugfix.
- Feature.
- Code style update (formatting, local variables).
- Refactoring (no functional changes, no api changes).
- Build & CI related changes.
- Documentation.
- Translation.
- Other… Please describe:
Description
- 移动端菜单栏再次点击无法收起:
https://github.com/volantis-x/hexo-theme-volantis/issues/706
- 浏览器的滚动条样式支持配置文件定义就好了
改为html color: var(--color-text) width: 100% height: 100% font-family: $fontfamily font-size: $fontsize-root > if hexo-config('custom_css.scrollbar.size') scrollbar()
html
color: var(--color-text)
width: 100%
height: 100%
font-family: $fontfamily
font-size: $fontsize-root
>
if hexo-config('custom_css.scrollbar.size')
scrollbar(convert(hexo-config('custom_css.scrollbar.size')), convert(hexo-config('custom_css.scrollbar.border')) || 0px, convert(hexo-config('custom_css.scrollbar.background')), convert(hexo-config('custom_css.scrollbar.hover_background')))
并新增background配置项
scrollbar:
size: 12px
background: rgb(84,181,160) linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent)
hover_background:rgb(84,181,160) linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent)
Others
Issue resolved:
Screenshots with this changes:
Link to demo site with this changes: