hexo-theme-butterfly/source/css/_page/categories.styl
Jerry 3708fdf569 breaking changes: 移除 html 的 font-size 改為瀏覽器默認大小
feat: 為文章單獨設置 TOC simple_style 顯示 closed #631
feat: page 頁頂部圖增加黑色遮罩 closed #671
feat: 首頁 pagination 更新 UI
fix: 修復使用本地搜索時,搜索插件配置為不搜索文章內容會無法使用搜索 的 bug
fix: 修復開啟 photofigcaption 後,導致inlineImg標籤外掛顯示錯亂的 bug
fix: 修復 字體過大/過小而導致 部分 ui 偏移的 bug
improvement: 主題 css 使用的 rem 改為 em 或 px
improvement: 修改没有顶部图下,文章页的标题大小 closed #669
improvement: 代碼優化
2021-09-20 17:55:20 +08:00

63 lines
1.1 KiB
Stylus

#page
.category-lists
padding: 20px 0 30px
+maxWidth768()
padding: 0
.category-title
font-size: 2.57em
+maxWidth768()
font-size: 2em
.category-list
a
color: var(--font-color)
&:hover
color: $text-hover
.category-list-count
margin-left: 8px
color: $theme-meta-color
&:before
content: '('
&:after
content: ')'
ul
margin-top: 8px
padding: 0 0 0 20px
list-style: none
counter-reset: li
ul
padding-left: 4px
li
position: relative
margin: 6px 0
padding: .12em .4em .12em 1.4em
&:before
position: absolute
left: 0
cursor: pointer
transition: all .3s ease-out
$w = .43em
top: .7em
width: w = $w
height: h = w
border: .5 * w solid $light-blue
border-radius: w
background: transparent
content: ''
// line-height: h
&:hover
&:before
border-color: $pseudo-hover