zyl/webdog
1
0
Fork 0
mirror of https://github.com/zyllian/webdog.git synced 2025-01-18 03:32:21 -08:00
Code Issues Projects Releases Packages Wiki Activity

improve default code block styling

Browse source
This commit is contained in:
zyl 2024-11-08 20:18:39 -08:00
parent 566c713097
commit a485482fa7
Signed by: zyl
SSH key fingerprint: SHA256:uxxbSXbdroP/OnKBGnEDk5q7EKB2razvstC/KmzdXXs
2 changed files with 42 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
site/sass/index.scss
View file

@ -171,12 +171,26 @@ abbr {
position: relative; position: relative;
.copy { .copy {
opacity: 0;
z-index: 1;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
transition: opacity linear 0.1s;
&:focus {
transition: none;
opacity: 1;
}
}
&:hover .copy,
&:focus .copy {
opacity: 1;
} }
& > pre { & > pre {
padding: 8px; padding: 8px;
overflow: scroll;
} }
} }

28
src/embedded/default_site/sass/index.scss
View file

@ -2,3 +2,31 @@
background-color: #bbb; background-color: #bbb;
padding: 8px; padding: 8px;
} }
.wd-codeblock {
position: relative;
.copy {
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: scroll;
}
}