hexo-theme-keep/source/css/layout/_partial/post-tools.styl

78 lines
1.5 KiB
Stylus

$li-border-radius = 0.4rem
$li-margin-bottom = 0.8rem
.post-tools-container {
position relative
box-sizing border-box
padding-top 2rem
.tools-list {
li {
position relative
box-sizing border-box
width $post-tool-button-width
height $post-tool-button-width
margin-bottom $li-margin-bottom
color var(--default-text-color)
font-size 1.2rem
background var(--background-color)
border-radius 50%
cursor pointer
i {
color var(--default-text-color)
}
&:hover {
color var(--background-color)
background var(--primary-color)
i {
color var(--background-color)
}
}
&:last-child {
margin-bottom 0
}
hover-style(true, 1.06, 1.06)
&.toggle-show-toc {
display none
+keep-tablet() {
display none !important
}
}
&.go-to-comments {
.post-comments-count {
position absolute
top 0
right -1rem
display none
align-items center
justify-content center
box-sizing border-box
min-width 1.4rem
height 1.4rem
padding 0 0.2rem
color var(--background-color)
font-size 12px
background var(--border-color)
border-radius 0.4rem
+keep-tablet() {
display none !important
}
}
}
}
}
}