Blog Starter

Blog Starter

Essay Index

CSS
:root {
    --color-bg-default: #F3F4F4 !important;
    --color-text-default: black !important;
		--color-bg-gray: #edf0f2 !important;
		--color-bg-yellow: #FFF9A6 !important;
		--color-text-red: #e64e43 !important;
  }

/* Tweet Embeds */
  
.static-tweet-body-blockquote {
  background: #FFF9 !important;
	border: solid 2px #edf3ff !important;
}

/* Callouts */

.notion-callout__content {
  margin-inline: -20px !important;
}

/* Linked Page */

.notion-page.notion-link {
  padding-right: 25px !important;
}

/* Font size: you can also use body {  ... */
  
html {
  font-size: 16px;
}

/* Date property */

.date {
  padding: 8px !important;
}

/* Headers */

h1.notion-heading {
  font-size: 30px;
}

h2.notion-heading {
  font-size: 28px;
}

h3.notion-heading {
  font-size: 24px;
}

/* Quote Block */

.notion-quote {
  text-align: center;
  border-left: none;
  font-size: 28px;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* Gallery */

.notion-collection__header {
display: none !important;
}

.notion-collection-gallery {
  border-top: none !important;
}

.notion-collection-card {
  background-color: #FFF9 !important;
	border: solid 2px #edf3ff !important;
}

.notion-collection-board {
  column-gap: inherit !important;
}

/* Tags */

.notion-pill {
	background-color: #dfe3fa !important;
}

/* Plain Links */

.notion-semantic-string .link{
	color: dark-gray !important;
	border-bottom: none !important;
}

/* Hide Toggle: find block ID after # in block url */

#block-insert block ID here .notion-toggle__summary {
  display: none !important;
}