public/hugo-theme-terminal
1
0
Fork 0
forked from mirrors/hugo-theme-terminal
Code Pull Requests Activity

Fix line-numbers and highlight styling

Browse Source
This commit is contained in:
panr
2020-01-20 00:02:26 +01:00
parent 3f6db97f02
commit 2bb3d3d49b
7 changed files with 15 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
source/css/syntax.css
View File

@ -31,7 +31,8 @@ code.language-scss,
.token.property,
.token.function,
code.language-javascript,
code.language-html {
code.language-html,
.command-line-prompt > span:before {
color: color-mod(var(--accent) blend(#999 90%));
}
@ -54,18 +55,15 @@ code.language-html {
pre[data-line] {
position: relative;
padding: 1em 0 1em 3em;
}
.line-highlight {
position: absolute;
left: 0;
right: 0;
padding: inherit 0;
margin-top: 1em;
/* Same as .prism’s padding-top */
background: hsla(24, 20%, 50%, .08);
background: linear-gradient(to right, hsla(24, 20%, 50%, .1) 70%, hsla(24, 20%, 50%, 0));
padding: 0;
margin: 0;
background: color-mod(var(--accent) blend(#999 90%) a(8%));
pointer-events: none;
line-height: inherit;
white-space: pre;
@ -75,7 +73,7 @@ pre[data-line] {
.line-highlight[data-end]:after {
content: attr(data-start);
position: absolute;
top: .4em;
/* top: .4em; */
left: .6em;
min-width: 1em;
padding: 0 .5em;