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

78 lines
1.4 KiB
Stylus
Raw Permalink Normal View History

2022-09-30 11:36:38 +08:00
$li-border-radius = 0.4rem
$li-margin-bottom = 0.8rem
2021-01-06 23:53:17 +08:00
.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
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
font-size 1.2rem
2022-10-14 17:56:32 +08:00
background var(--background-color-1)
border-radius 50%
cursor pointer
i {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
2020-09-05 23:08:03 +08:00
}
&:hover {
2022-10-14 17:56:32 +08:00
color var(--background-color-1)
background var(--primary-color)
i {
2022-10-14 17:56:32 +08:00
color var(--background-color-1)
}
}
&:last-child {
margin-bottom 0
}
hover-style(true, 1.06, 1.06)
2021-01-21 18:23:22 +08:00
&.toggle-show-toc {
display none
2020-09-07 16:25:37 +08:00
2020-11-20 12:02:22 +08:00
+keep-tablet() {
display none !important
2020-09-07 16:25:37 +08:00
}
2020-09-07 15:56:13 +08:00
}
&.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.1rem
height 1.1rem
padding 0 0.2rem
2022-10-14 17:56:32 +08:00
color var(--badge-color)
font-size 12px
2022-10-14 17:56:32 +08:00
background var(--badge-background-color)
border-radius 0.4rem
+keep-tablet() {
display none !important
}
}
}
}
}
2020-09-05 23:08:03 +08:00
}