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:
parent
4e19f46d68
commit
3051fcd3c9
2 changed files with 15 additions and 19 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue