chore: reset light dom styles in mdjs-preview (#1752)
* chore: prettier format portal styles * chore: reset light dom styles in mdjs-preview
This commit is contained in:
parent
a616fd8dca
commit
facc094193
1 changed files with 22 additions and 8 deletions
|
|
@ -116,3 +116,17 @@ rocket-navigation > ul > li:nth-last-child(n+6).active > ul,
|
||||||
rocket-navigation ul > li:nth-child(n + 6).active > ul {
|
rocket-navigation ul > li:nth-child(n + 6).active > ul {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.markdown-body mdjs-preview > [slot='story'],
|
||||||
|
.markdown-body mdjs-preview > [slot='story'] :where(img, button, p, h1, h2, h3, h4, h5, h6) {
|
||||||
|
all: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.markdown-body mdjs-preview > [slot='story'] {
|
||||||
|
/** keep user-agent behaviors for browser elements */
|
||||||
|
display: revert;
|
||||||
|
/** relevant inherited props (like font styles) should be kept */
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue