Files
hexo-theme-butterfly/source/css/_layout/post_bottom.styl
Jerry 83dc0559c0 1. Feature: 可設置内联代码块样式 #26
2. Feature: 可設置夜間模式作爲默認樣式
3. Feature: 可設置是否顯示code language名稱
4. Feature: 可設置是否展開或關閉代碼框
5. Feature: 可設置背景圖片/顔色
6. Feature: 可設置是否顯示footer背景
7. Feature: 增加 canvas-nest.js
8. Feature: 頭像可設置效果(轉圈圈)
9. Feature: menu可設置分組
9. Fix: 優化打賞和搜索打開特效
10. Fix: 優化sidebar的打開特效,避免與文章頁特效不同步
11. Fix: 適配**hexo-blog-encrypt**,現在可以顯示toc
12. Fix: 修復設置不顯示評論時,直達評論按鈕沒有消失的bug
13. Fix: 修復post頁底欄,當沒有顯示評論,不顯示TOC,評論和toc都不顯示 這三種狀態下按鈕的bug
14. Fix: 修復代碼框左右滑動時,代碼名字跟著滑動的bug
15. Fix: 其他page頁標題的字體顯示
16. Fix: 修復當設置開啓canvas_ribbons,進入網站會先顯示canvas_ribbons的bug
17. Fix: 完善夜間模式下,字體顯示問題
18. Fix: 修復代碼框 複製 和 代碼名 z-index bug #25
19. Fix: 完善阅读模式
2019-09-08 16:17:07 +08:00

71 lines
1.2 KiB
Stylus

#post_bottom
position: fixed
bottom: -50px
background: alpha($white, 0.8)
width: 100%
border: none
box-shadow: 0 -5px 6px -5px alpha($grey, 0.6)
display: none
transition: all .2s
cursor: pointer
z-index: 100
&.toc_mobile_show
bottom: 0
#mobile_to_comment,#mobile_toc
width: 50%
text-align: center
font-size: 18px
padding: 7px 0
display: inline-block
color: $light-black
a
text-decoration: none
color: $light-black
#toc_mobile
box-shadow: 0 0 4px alpha($grey, 0.6)
background: $white
width: 50%
height: 70%
position: fixed
bottom: 60px
right: 10px
overflow: scroll
padding: 15px 10px
font-size: 15px
border-radius: 10px
display: none
ol,li
list-style: none
padding: 0 0 0 5px
margin: 0
a
&:hover
color: $light-blue
.toc_mobile_headline
text-align: center
font-size: 18px
font-weight: bold
&.no_comment_show
#mobile_toc
width: 100%
padding: 16px 0
#toc_mobile
right: 25%
&.no_toc_show
#mobile_to_comment
width: 100%
@media screen and (max-width:768px)
#post_bottom
display: block