Fix inline code style not applied to stylized text (#3253)

* bug: inline code style not applied to stylized text

* Use double colons for pseudoelements
This commit is contained in:
iBug 2022-05-27 22:06:37 +08:00 committed by GitHub
parent 4e19f46d68
commit 3051fcd3c9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 19 deletions

View file

@ -160,24 +160,6 @@ pre {
overflow-x: auto; /* add scrollbars to wide code blocks*/ overflow-x: auto; /* add scrollbars to wide code blocks*/
} }
p > code,
a > code,
li > code,
figcaption > code,
td > code {
padding-top: 0.1rem;
padding-bottom: 0.1rem;
font-size: 0.8em;
background: $code-background-color;
border-radius: $border-radius;
&:before,
&:after {
letter-spacing: -0.2em;
content: "\00a0"; /* non-breaking space*/
}
}
/* horizontal rule */ /* horizontal rule */
hr { hr {

View file

@ -139,6 +139,20 @@ body {
} }
} }
:not(pre) > code {
padding-top: 0.1rem;
padding-bottom: 0.1rem;
font-size: 0.8em;
background: $code-background-color;
border-radius: $border-radius;
&::before,
&::after {
letter-spacing: -0.2em;
content: "\00a0"; /* non-breaking space*/
}
}
dt { dt {
margin-top: 1em; margin-top: 1em;
font-family: $sans-serif; font-family: $sans-serif;
@ -561,4 +575,4 @@ body {
padding-right: 0; padding-right: 0;
} }
} }
} }