mirror of
https://github.com/zyllian/zyllian.github.io.git
synced 2025-01-17 19:22:30 -08:00
add code block styling
This commit is contained in:
parent
bd029d7be1
commit
5f98427467
1 changed files with 31 additions and 0 deletions
|
@ -218,3 +218,34 @@ abbr {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wd-codeblock {
|
||||||
|
position: relative;
|
||||||
|
text-indent: 0;
|
||||||
|
tab-size: 2;
|
||||||
|
|
||||||
|
.copy {
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
transition: opacity linear 0.1s;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
transition: none;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover .copy,
|
||||||
|
&:focus .copy {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > pre {
|
||||||
|
padding: 8px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue