::backdrop
selector support for inline SVG mode
#319
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Added Marpit PostCSS SVG backdrop plugin.
Retarget
::backdrop
andsection::backdrop
selector to@media screen { :marpit-container > svg[data-marpit-svg] { .. } }
. It means::backdrop
targets the SVG container in inline SVG mode.It's useful for setting style of the letterbox and pillarbox in the SVG scaled slide. (marp-team/marp-cli#358, marp-team/marp#183)
The original definition will remain to support an original usage of
::backdrop
.The important differences from an original
::backdrop
are following:::backdrop
creates a separated layer from the target element, but Marpit's::backdrop
does not. The slide elements still become the child of::backdrop
so setting some properties that are inherited may make broken slide rendering.::backdrop
will match to SVG container whenever matched to@media screen
media query.For developers: If concerned to conflict with the style provided by the integrated app, consider to disable the selector support by
inlineSVG: { backdrop: false }
.Close #313.
ToDo
inlineSVG
option object