alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Color styles for beautify code blocks.

Browse Source
This commit is contained in:
凡梦星尘 2022-06-21 16:11:14 +08:00
parent 6d609ea1a1
commit 017ad8ecf0
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/_common/scaffolding/highlight/index.scss
View File

@ -5,17 +5,17 @@
color: var(--highlight-foreground);
}
%code-block {
@extend %code-inline;
line-height: $line-height-code-block;
margin: 0 auto 20px;
}
pre {
padding: 10px;
margin: 0;
}
p > code {
@extend %code-inline;
border-radius: 3px;
padding: 3px 6px;
}
pre, code {
font-family: $code-font-family;
}

4
assets/css/main.scss
View File

@ -49,8 +49,8 @@ $font_title_size : {{ default $P.font.title.size 1.375 }};
// TODO find the configure variable
$highlight_dark_background : #1c1b1b;
$highlight_dark_foreground : #fff;
$highlight_light_background : #fff;
$highlight_light_foreground : #555;
$highlight_light_background : #565656;
$highlight_light_foreground : #fff;
$codeblock_copy_btn_style : {{ $P.codeblock.copyBtn.style }};