clean-embeds.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-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;
	}
  }