Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save mariomui/49ddb2a4d0592f8e6e6284420d008e64 to your computer and use it in GitHub Desktop.
Save mariomui/49ddb2a4d0592f8e6e6284420d008e64 to your computer and use it in GitHub Desktop.
Preview an embed but only show the content inside of a h1 labeled with "=" (uses cascading philosophy)
/* API specific Feature To ONLY TAKE API BETWEEN = and --- */
/* NAME: SELECTED-TRANSCLUSION-PREVIEW CSS SNIPPET */
.popover.hover-popover .markdown-embed.is-loaded
.markdown-preview-view.markdown-rendered
.markdown-preview-sizer.markdown-preview-section
div:has(> h1[data-heading="-"]) ~ div:not(:has(h1[data-heading="="])) {
display: none;
}
.popover.hover-popover .markdown-embed.is-loaded
.markdown-preview-view.markdown-rendered
.markdown-preview-sizer.markdown-preview-section
div:has(> h1[data-heading="="]) ~ div:not(:has(h1[data-heading^="---"])) {
display: initial;
}
.popover.hover-popover .markdown-embed.is-loaded
.markdown-preview-view.markdown-rendered
.markdown-preview-sizer.markdown-preview-section
div:has(> h1[data-heading="-"]) {
display: none;
}
.popover.hover-popover .markdown-embed.is-loaded
.markdown-preview-view.markdown-rendered
.markdown-preview-sizer.markdown-preview-section
div:has(> h1[data-heading^='---']) ~ * > * {
display: none
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment