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;
|
||||
}
|
||||
}
|
||||
|
||||
.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