2023-05-09 12:54:34 +08:00
|
|
|
.highlight
|
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
|
|
.highlight .code .copy-btn
|
|
|
|
|
position: absolute
|
|
|
|
|
top: 0
|
|
|
|
|
right: 0
|
|
|
|
|
padding: 4px 0.5rem
|
|
|
|
|
opacity: 0
|
|
|
|
|
font-weight: 700
|
2023-12-18 13:37:00 +08:00
|
|
|
color: var(--text-p2)
|
|
|
|
|
border-bottom-left-radius: $border-bar
|
|
|
|
|
border-bottom-right-radius: $border-bar
|
|
|
|
|
background: var(--block-hover)
|
|
|
|
|
display: block
|
2023-05-09 12:54:34 +08:00
|
|
|
cursor: pointer
|
2023-12-18 13:37:00 +08:00
|
|
|
margin-right: 0.5rem
|
2023-05-09 12:54:34 +08:00
|
|
|
|
2023-12-18 13:37:00 +08:00
|
|
|
.highlight:hover
|
|
|
|
|
.code:before
|
|
|
|
|
opacity: 0
|
|
|
|
|
.copy-btn
|
|
|
|
|
opacity: 0.75
|
2023-05-09 12:54:34 +08:00
|
|
|
|
|
|
|
|
.highlight .code .copy-btn:hover
|
2023-12-18 13:37:00 +08:00
|
|
|
opacity: 1
|
2023-05-09 12:54:34 +08:00
|
|
|
|
|
|
|
|
.highlight .code .copy-btn.success
|
|
|
|
|
color: $c-green
|
|
|
|
|
opacity: 0.75
|
|
|
|
|
|
|
|
|
|
.highlight .code .copy-btn.warning
|
|
|
|
|
color: $c-orange
|
2023-12-18 13:37:00 +08:00
|
|
|
opacity: 0.75
|
|
|
|
|
|
|
|
|
|
.md-text .tag-plugin[child=codeblock]
|
|
|
|
|
.highlight .code .copy-btn
|
|
|
|
|
border-radius: $border-bar
|
