文章目錄按鈕字體修改

#############################################

修改“隱藏目錄”

路徑:

themes/yelee/source/css/_partial/toc.styl

修改代碼如下:

#tocButton 
    position fixed
    left left-col-width - 80px
    top toc-top + 7
    font-size 1.4em
    font-weight bold
    font-family Roboto-Regular
    color #000000
    cursor pointer
    background none
    border none
    outline none
    -webkit-appearance none
    &:hover 
        color: #00ccff


修改上面的font-size以及font-family即可修改按鈕上的字體以及文字大小

修改效果如下:

預覽鏈接:

appleyuchi.github.io

#############################################

修改"文章目錄"

路徑:

themes/yelee/source/css/_partial/toc.styl

 


#toc 
    font-size 1.4rem
    font-family Roboto-Regular
    line-height 1.65em
    .toc-title 
        font-weight bold
        color black
        &.clickable 
            cursor pointer
            &:hover 
              color #00ccff
            &:active 
              color red

修改上面的font-size 即可修改字體大小

另外添加一行:

font-family Roboto-Regular即可修改字體

#############################################

預覽效果如下:


 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章