hexo-theme-keep/source/css/layout/_partial/article-copyright-info.styl

82 lines
1.3 KiB
Stylus
Raw Normal View History

.article-copyright-info-container {
position relative
box-sizing border-box
width 100%
padding 0.8rem 0.8rem 0.8rem 1.3rem
font-size 1rem
2022-10-14 17:56:32 +08:00
background var(--background-color-2)
&::after {
position absolute
top 0
left 0
width 0.5rem
height 100%
background var(--copyright-info-color)
content ''
}
2020-12-01 16:51:38 +08:00
&:hover {
.copy-copyright-info {
visibility visible
}
}
.copyright-info-content {
position relative
box-sizing border-box
overflow-x auto
&::-webkit-scrollbar {
width 0.3rem
height 0.3rem
transition all 0.2s ease
}
&::-webkit-scrollbar-thumb {
2022-10-14 17:56:32 +08:00
background var(--text-color-4)
}
&::-webkit-scrollbar-track {
background transparent
}
2020-11-19 15:14:53 +08:00
li {
margin-bottom 0.4rem
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
white-space nowrap
.type
.content {
color var(--text-color-3)
}
2020-11-19 15:14:53 +08:00
.license {
font-weight bold
2020-11-19 15:14:53 +08:00
}
&:last-child {
margin-bottom 0
}
}
}
.copy-copyright-info {
position absolute
top 0.4rem
right 0.4rem
box-sizing border-box
padding 0.3rem
visibility hidden
cursor pointer
transition-t("visibility", "0", "0.2", "ease-in-out")
i {
color var(--text-color-3)
}
}
}