typeset.css

/*
  Typeset.css
  https://github.com/joshuarudd/typeset.css
  v2.0
  Last updated: 2019-04-30
  Author: Joshua Rudd - https://joshuarudd.com
  Twitter: @joshuarudd
*/

.typeset {
  --background-color: #F3F6FA;
  --border-color: #DBE2F2;
  --color: #324354;
  --blockquote-color: rgba(0,0,0,.2);
  --mark-color: rgba(0, 140, 255, 0.1);
  line-height: 1.0;
  text-rendering: optimizeLegibility;
}

/*
  Reset .typeset element styles to avoid unwanted inheritance
*/

/* Adapted from http://paulirish.com/2012/box-sizing-border-box-ftw/ */
.typeset * {
  box-sizing: border-box;
}

/* Adapted from Eric Meyer's CSS Reset: http://meyerweb.com/eric/tools/css/reset/ */
.typeset a, .typeset abbr, .typeset acronym, .typeset address, .typeset b, .typeset big, .typeset cite, .typeset code, .typeset del, .typeset em, .typeset i, .typeset ins, .typeset kbd, .typeset mark, .typeset output, .typeset q, .typeset ruby, .typeset s, .typeset samp, .typeset small, .typeset strike, .typeset strong, .typeset sub, .typeset sup, .typeset time, .typeset tt, .typeset u, .typeset var,
.typeset dfn, .typeset dl, .typeset dt, .typeset dd, .typeset ol, .typeset ul, .typeset li,
.typeset blockquote, .typeset h1, .typeset h2, .typeset h3, .typeset h4, .typeset h5, .typeset h6, .typeset p, .typeset pre,
.typeset table, .typeset caption, .typeset tbody, .typeset tfoot, .typeset thead, .typeset tr, .typeset th, .typeset td,
.typeset applet, .typeset canvas, .typeset embed, .typeset figure, .typeset figcaption, .typeset iframe, .typeset img, .typeset object {
  background: transparent;
  border: 0;
  font-size: 100%;
  font: inherit;
  line-height: 1.0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/*
  Baseline grid (for debugging baseline grid)
*/

.typeset.typeset-baseline {
  background-image: linear-gradient(to bottom, magenta 0, rgba(255, 255, 255, 0) 1px);
  background-repeat: repeat-y;
  background-size: 100% 1.5em;
}

/*
  Initialize spacing and colors
*/

.typeset li, .typeset dt, .typeset dd, .typeset p, .typeset pre, .typeset caption, .typeset th, .typeset td, .typeset figcaption {
  line-height: 1.5;
}
.typeset caption, .typeset dl, .typeset dd, .typeset div, .typeset figcaption, .typeset figure, .typeset h1, .typeset h2, .typeset h3, .typeset h4, .typeset h5, .typeset h6, .typeset p, .typeset pre, .typeset table, .typeset ol, .typeset ul {
  margin: 0 0 1.5em 0;
}
.typeset blockquote, .typeset ol, .typeset ul {
  margin-left: 2.5em;
}
.typeset code, .typeset pre, .typeset th {
  background-color: #F3F6FA;
  background-color: var(--background-color);
}
.typeset code, .typeset pre, .typeset th, .typeset td {
  color: #324354;
  color: var(--color);
}
.typeset pre, .typeset table, .typeset th, .typeset td {
  border: 1px solid #DBE2F2;
  border-color: var(--border-color);
}

/*
  Inline elements
*/

.typeset a {
  text-decoration: underline;
}
.typeset strong, .typeset b {
  font-weight: bolder;
}
.typeset u, .typeset em, .typeset i {
  font-style: italic;
  text-decoration: none;
}
.typeset abbr[title] {
  border-bottom: 1px dotted gray;
}
.typeset address {
  /* no style */
}
.typeset cite {
  font-style: italic;
}
.typeset code {
  /* background-color set above */
  /* color set above */
  font-family: monospace;
  padding: 0.1em 0.2em;
}
.typeset dfn {
  /* no style */
}
.typeset del {
  color: red;
  text-decoration: line-through;
}
.typeset ins {
  color: green;
  text-decoration: none;
}
.typeset kbd {
  font-family: monospace;
}
.typeset mark {
  background-color: rgba(0, 140, 255, 0.1);
  background-color: var(--mark-color);
  color: black;
}
.typeset samp {
  font-family: monospace;
}
.typeset small {
  color: gray;
  font-size: .75em;
}
.typeset s {
  text-decoration: line-through;
}
.typeset sub {
  font-size: 80%;
  vertical-align: sub;
}
.typeset sup {
  font-size: .75em;
  vertical-align: super;
}
.typeset var {
  font-style: italic;
}

/*
  Lists
*/

.typeset ol, .typeset ul {
  /* margin set above */
}
.typeset ol ol, .typeset ul ul, .typeset ol ul, .typeset ul ol {
  margin-top: 0;
  margin-bottom: 0;
}
.typeset ol {
  list-style: decimal;
}
.typeset ol ol {
  list-style: lower-alpha;
}
.typeset ol ol ol {
  list-style: lower-roman;
}
.typeset ol ol ol ol {
  list-style: decimal;
}
.typeset ul {
  list-style: default;
}
.typeset li {
  /* line-height set above */
}
.typeset dl {
  /* margin set above */
}
.typeset dt {
  font-weight: bold;
  /* line-height set above */
}
.typeset dd {
  /* line-height set above */
  margin-top: 0;
}

/*
  Block-level elements
*/

.typeset h1, .typeset h2, .typeset h3, .typeset h4, .typeset h5, .typeset h6 {
  font-weight: bold;
}
.typeset h1 {
  font-size: 2em;
  line-height: 1.5;
  margin: 2.25em 0 .75em 0;
}
.typeset h2 {
  font-size: 1.5em;
  line-height: 2;
  margin: 2em 0 1em 0;
}
.typeset h3 {
  font-size: 1.25em;
  line-height: 2.4;
  margin: 1.2em 0 0 0;
}
.typeset h4 {
  font-size: 1em;
  line-height: 1.5;
  margin: 1.5em 0 0 0;
}
.typeset h5 {
  font-size: .75em;
  line-height: 2;
  margin: 2em 0 0 0;
}
.typeset h6 {
  font-size: .75em;
  font-weight: inherit;
  line-height: 2;
  margin: 2em 0 0 0;
}
.typeset p {
  /* line-height set above */
  /* margin set above */
}
.typeset blockquote {
  border-left: .2em solid rgba(0,0,0,.2);
  border-left-color: var(--blockquote-color);
  margin-left: .2em;
  opacity: .8;
  padding-left: .8em;
}
.typeset-wysiwyg blockquote {
  border-left: none;
  margin-left: 3em;
  opacity: 1;
}
.typeset pre {
  /* background-color set above */
  border-radius: 2px;
  /* color set above */
  display: block;
  font-family: monospace;
  font-size: .75em;
  line-height: 2;
  margin: 0 0 2em 0;
  max-width: 100%;
  overflow: scroll;
  padding: calc(1em - 1px) 1.5em;
  white-space: pre-wrap;
}

/*
  Tables
*/

.typeset table {
  /* border set above */
  border-collapse: collapse;
  /* margin set above */
  table-layout: auto;
}
.typeset caption {
  caption-side: top;
  font-weight: bold;
  /* line-height set above */
  /* margin set above */
  margin-top: 0;
  text-align: left;
}
.typeset thead {
  /* no style */
}
.typeset tbody {
  /* no style */
}
.typeset tfoot {
  /* no style */
}
.typeset th, .typeset td {
  /* border set above */
  /* color set above */
  /* line-height set above */
  padding: calc(.75em - .5px);
  text-align: left;
}
.typeset th {
  /* background-color set above */
  font-weight: normal;
}
.typeset td {
  /* no style */
}

/*
  Media
*/

.typeset embed, .typeset iframe, .typeset img, .typeset object {
  display: inline;
  max-width: 100%;
}
.typeset figure {
  max-width: 100%;
  /* margin set above */
}
.typeset figcaption {
  font-size: .75em;
  line-height: 2;
  /* margin set above */
  text-align: left;
}