123 lines
3.2 KiB
CSS
123 lines
3.2 KiB
CSS
/*
|
||
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-08-24 Matthias C. Hormann (Moonbase59)
|
||
|
||
TODO: Find out how to correct PDF export. L/R margins & vspace too large on embeds.
|
||
*/
|
||
|
||
/* remove title and the table from the "Metatable" plugin */
|
||
.markdown-preview-view.clean-embeds .markdown-embed-title,
|
||
.markdown-preview-view.clean-embeds .obsidian-metatable {
|
||
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 > 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 */
|
||
/* Also remove metadata table from "Metatable" plugin */
|
||
pre.frontmatter,
|
||
.obsidian-metatable {
|
||
display: none;
|
||
}
|
||
}
|
||
|