CSS Snippet for multiple Blockquote styles with syntax formatting?

Help
9

Hi, great “play” :slight_smile:
Some observations:

  1. When you use .tag[href="#margin-note"], .markdown-preview-view blockquote, this affects all blockquotes (not only the parent that contains .tag[href="#margin-note"]). I’m an amateur in CSS, but I think that is not possible to select the parent of an element that contains the a specific expression).
    If this (the fact that affects all blockquotes) is not a problem for you, then you can use only this:
.markdown-preview-view blockquote {
	border: 3px solid;
	border-color: var(--accent-middle) !important;
	border-radius: 8px 8px 8px 8px;
	font-size: 15px;
	line-height: 1.5em;
	margin: 10px 10px;
	padding-top: 10px;
	padding-bottom: 15px;
  }
  1. To hide the text of the tag “#margin-note” you can use only this:
.tag[href="#margin-note"] {
	display: none;
  }
1 Like