hernik/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: html code block presentation style issue

Browse source
This commit is contained in:
jeffreytse 2020-07-15 18:24:52 +08:00
parent 38ad8244d8
commit 9a76b450ac
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
_sass/yat/_base.scss
View file

@ -152,9 +152,10 @@ blockquote {
pre,
code {
@include relative-font-size(0.9375);
color: $text-color;
}
code {
*:not(pre) > code {
padding: 1px 5px;
border-radius: 3px;
color: #fff;
@ -164,7 +165,9 @@ code {
pre {
overflow-x: auto;
position: relative;
background-color: #f0f0f0;
// code language badge
&:before {
content: attr(data-lang);
color: #fff;
@ -180,9 +183,10 @@ pre {
}
> code {
border: 0;
display: inline-block;
padding: 20px!important;
background-color: transparent;
border: 0;
}
}