Add new render-codeblock example with some extra zen styles.
This commit is contained in:
parent
609fd56870
commit
ea9abbcb64
1 changed files with 102 additions and 0 deletions
|
|
@ -133,3 +133,47 @@ article {
|
|||
.search-text {
|
||||
font-size: var(--fs-l);
|
||||
}
|
||||
|
||||
// Copy code
|
||||
|
||||
[data-codeblock] {
|
||||
position: relative;
|
||||
|
||||
& > pre {
|
||||
padding-block-start: 1lh;
|
||||
}
|
||||
}
|
||||
|
||||
.codebutton {
|
||||
position: absolute;
|
||||
inset-inline-end: .2rem;
|
||||
background: unset;
|
||||
border: unset;
|
||||
text-shadow: unset;
|
||||
font-size: var(--fs-l);
|
||||
color: var(--color-border);
|
||||
rotate: 90deg;
|
||||
cursor: pointer;
|
||||
|
||||
& > span {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus-visible,
|
||||
&:active {
|
||||
scale: 1.15;
|
||||
}
|
||||
}
|
||||
|
||||
.flash-item {
|
||||
animation: flash 500ms ease-in-out 1;
|
||||
}
|
||||
|
||||
@keyframes flash {
|
||||
50% {
|
||||
border-color: var(--color-warning);
|
||||
background-color: var(--color-warning-bg);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue