Last active
July 18, 2021 10:41
-
-
Save anijatsu/7280b1eac0b38f879a5568243f47adba to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
clean-embeds.css snippet | |
Removes title, link, padding, margins from embeds, | |
so they really look like the same note. | |
To be used with `cssclass: clean-embeds` in YAML frontmatter. | |
2021-06-04 Matthias C. Hormann (Moonbase59) | |
https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/394 | |
TODO: Find out how to correct PDF export. L/R margins & vspace too large on embeds. | |
*/ | |
/* remove title */ | |
.markdown-preview-view.clean-embeds .markdown-embed-title { | |
display: none; | |
} | |
/* | |
For links to embeds NOT to be shown, uncomment the following | |
and comment out the other section below. | |
*/ | |
/* | |
.markdown-preview-view.clean-embeds .markdown-embed-link, | |
.markdown-preview-view.clean-embeds .file-embed-link { | |
display: none; | |
} | |
*/ | |
/* | |
For links to embeds to BE shown, uncomment the following | |
until the "End link show/hide stuff" comment | |
and comment out the section above. | |
*/ | |
/* Link icon */ | |
.markdown-preview-view.clean-embeds .markdown-embed-link, | |
.markdown-preview-view.clean-embeds .file-embed-link { | |
top: 0; | |
right: 0; | |
left: unset; | |
text-align: right; | |
border: none; | |
margin: 0; | |
width: 24px; | |
height: 24px; | |
color: var(--text-faint); | |
cursor: pointer; | |
} | |
/* for Ars Magna theme and others that change ::before */ | |
.markdown-preview-view.clean-embeds .markdown-embed-link::before, | |
.markdown-preview-view.clean-embeds .file-embed-link::before { | |
display: none; | |
} | |
/* Link icon size & hide */ | |
.markdown-preview-view.clean-embeds .file-embed-link svg, | |
.markdown-preview-view.clean-embeds .markdown-embed-link svg { | |
height: 24px; | |
width: 24px; | |
opacity: 0; | |
display: unset; | |
} | |
/* show on hover */ | |
.markdown-preview-view.clean-embeds .markdown-embed:hover .file-embed-link svg, | |
.markdown-preview-view.clean-embeds .markdown-embed:hover .markdown-embed-link svg { | |
opacity: 1; | |
} | |
/* change background on hover, to exactly see what’s embedded */ | |
.markdown-preview-view.clean-embeds .markdown-embed:hover, | |
.markdown-preview-view.clean-embeds .file-embed:hover { | |
background-color: var(--background-secondary) !important; | |
} | |
/* End link show/hide stuff */ | |
/* remove border and scroll */ | |
/* unfortunately needs !important for some themes */ | |
.markdown-preview-view.clean-embeds .markdown-embed, | |
.markdown-preview-view.clean-embeds .file-embed { | |
border: none !important; | |
padding: 0 !important; | |
margin: 0 !important; | |
} | |
.markdown-preview-view.clean-embeds .markdown-embed-content, | |
.markdown-preview-view.clean-embeds .markdown-embed-content > .markdown-preview-view { | |
max-height: unset; | |
padding: 0 !important; /* !important for "Pisum" theme */ | |
margin: 0; | |
border: 0; | |
} | |
/* remove <br> between internal embeds */ | |
.clean-embeds .markdown-preview-section div > p br, | |
.clean-embeds .markdown-preview-section div > br { | |
display: none; | |
} | |
/* remove vertical space added by markdown-preview-sizer */ | |
.clean-embeds div.markdown-preview-sizer.markdown-preview-section { | |
min-height: unset !important; | |
padding-bottom: 0 !important; | |
} | |
/* special considerations for printing (PDF export) */ | |
@media print { | |
/* remove frontmatter box if "Show frontmatter" was enabled */ | |
pre.frontmatter { | |
display: none; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment