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:
Thijs Louisse 2022-08-11 11:28:44 +02:00 committed by GitHub
parent a616fd8dca
commit facc094193
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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 {
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;
}