jinjax/docs/static/prose.css

.prose {
  --cd-prose-body: #3f3f46;
  --cd-prose-headings: #18181b;
  --cd-prose-lead: #52525b;
  --cd-prose-links: #18181b;
  --cd-prose-bold: #18181b;
  --cd-prose-counters: #71717a;
  --cd-prose-bullets: #d4d4d8;
  --cd-prose-hr: #e4e4e7;
  --cd-prose-quotes: #18181b;
  --cd-prose-quote-borders: #e4e4e7;
  --cd-prose-captions: #71717a;
  --cd-prose-code: #18181b;
  --cd-prose-pre-code: rgb(238 238 238);
  --cd-prose-pre-border: rgb(51, 51, 51);
  --cd-prose-pre-bg: rgb(24 24 24);
  --cd-prose-th-borders: #ddd;
  --cd-prose-td-borders: #eee;
  --cd-prose-bg-hover: rgba(0,0,0,0.035);

  --cd-prose-invert-body: #d4d4d8;
  --cd-prose-invert-headings: #fff;
  --cd-prose-invert-lead: #a1a1aa;
  --cd-prose-invert-links: #fff;
  --cd-prose-invert-bold: #fff;
  --cd-prose-invert-counters: #a1a1aa;
  --cd-prose-invert-bullets: #52525b;
  --cd-prose-invert-hr: #3f3f46;
  --cd-prose-invert-quotes: #f4f4f5;
  --cd-prose-invert-quote-borders: #3f3f46;
  --cd-prose-invert-captions: #a1a1aa;
  --cd-prose-invert-code: #fff;
  --cd-prose-invert-pre-code: rgb(238 238 238);
  --cd-prose-invert-pre-border: rgb(51, 51, 51);
  --cd-prose-invert-pre-bg: rgb(24 24 24);
  --cd-prose-invert-th-borders: #52525b;
  --cd-prose-invert-td-borders: #3f3f46;
  --cd-prose-invert-bg-hover: rgba(0,0,0,0.035);
}

.dark .prose {
  --cd-prose-body: var(--cd-prose-invert-body);
  --cd-prose-headings: var(--cd-prose-invert-headings);
  --cd-prose-lead: var(--cd-prose-invert-lead);
  --cd-prose-links: var(--cd-prose-invert-links);
  --cd-prose-bold: var(--cd-prose-invert-bold);
  --cd-prose-counters: var(--cd-prose-invert-counters);
  --cd-prose-bullets: var(--cd-prose-invert-bullets);
  --cd-prose-hr: var(--cd-prose-invert-hr);
  --cd-prose-quotes: var(--cd-prose-invert-quotes);
  --cd-prose-quote-borders: var(--cd-prose-invert-quote-borders);
  --cd-prose-captions: var(--cd-prose-invert-captions);
  --cd-prose-code: var(--cd-prose-invert-code);
  --cd-prose-pre-code: var(--cd-prose-invert-pre-code);
  --cd-prose-pre-border: var(--cd-prose-invert-pre-border);
  --cd-prose-pre-bg: var(--cd-prose-invert-pre-bg);
  --cd-prose-th-borders: var(--cd-prose-invert-th-borders);
  --cd-prose-td-borders: var(--cd-prose-invert-td-borders);
  --cd-prose-bg-hover: var(--cd-prose-invert-bg-hover);
}

.prose {
  font-size: 1em;
  line-height: 1.75;
  color: var(--cd-prose-body);
}

.prose h1:not(:where([class~="not-prose"] *)) ,
.prose h2:not(:where([class~="not-prose"] *)) ,
.prose h3:not(:where([class~="not-prose"] *)) ,
.prose h4:not(:where([class~="not-prose"] *)) ,
.prose h5:not(:where([class~="not-prose"] *)) ,
.prose h6:not(:where([class~="not-prose"] *)) {
  font-family: var(--cd-font-serif);
}

.prose :where(p):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--cd-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
  color: var(--cd-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)) {
  border-color: var(--cd-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--cd-prose-quotes);
  border-left-width: 0.25em;
  border-left-color: var(--cd-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-headings);
  font-weight: 800;
  font-size: 2.2rem;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-headings);
  font-weight: 700;
  font-size: 1.8em;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-headings);
  font-weight: 600;
  font-size: 1.4em;
  margin-top: 1.6em;
  margin-bottom: 0.4em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-headings);
  font-weight: 600;
  font-size: 1.2em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h5):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-headings);
  font-weight: 600;
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}


.prose :where(h6):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-headings);
  font-weight: 600;
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}


.prose :where(img):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-code);
  font-size: 0.98em;
  letter-spacing: -0.02em;
}
.prose :where(code):not(:where(pre code)):not(:where([class~="not-prose"] *)) {
  padding: 0.1em;
  background: var(--cd-bg-color-hover);
}

.prose :where(a code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(table):not(:where([class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
  border-width: 1px;
  border-color: var(--cd-prose-td-borders);
}

.prose :where(thead):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--cd-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)) {
  color: var(--cd-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  border-left-width: 1px;
  border-left-color: var(--cd-prose-th-borders);
  /* text-transform: uppercase; */
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
  border-left-width: 0;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--cd-prose-td-borders);
  transition: background-color 125ms;
}
.prose :where(tbody tr:hover):not(:where([class~="not-prose"] *)) {
  background-color: var(--cd-prose-bg-hover);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
  vertical-align: baseline;
  border-left-width: 1px;
  border-left-color: var(--cd-prose-th-borders);
}
.prose :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
  border-left-width: 0;
}
.prose :where(tbody td p:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--cd-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"] *)) {
  padding: 0.5rem 1rem;
}

.prose :where(video):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose :where(.task-list .task-list):not(:where([class~="not-prose"] *)) {
  padding-left: 1em;
}

.prose :where(dl):not(:where([class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dt):not(:where([class~="not-prose"] *)) {
  font-weight: bold;
}

.prose :where(dd):not(:where([class~="not-prose"] *)) {
  padding-left: 1em;
}

pre {
  border: 1px solid rgb(var(--cd-prose-pre-border));
  overflow-x: auto;
  font-weight: 400;
  font-feature-settings: "kern";
  white-space: pre;
  scrollbar-width: thin;
  padding: 1.25rem 1.5rem;
}
pre::-webkit-scrollbar {
  width: 2px;
  background-color: ButtonFace;
}
pre:has([data-linenos]) {
  padding-left: 0;
}
pre code {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;

}
pre a {
  text-decoration: none;
}

.highlight {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 6px;
}
.highlight:has(> .filename) {
  background-color: rgb(249 250 251);
  border: 1px solid rgb(153, 153, 153);
}
.highlight:is(.dark *):has(> .filename) {
  background-color: rgb(55 65 81);
  border-color: rgb(75 85 99);
}
.highlight > .filename {
  border-radius: 6px 0 0 0;
  display: inline-block;
  border-right: 1px solid rgb(153, 153, 153);
  background-color: #e7e9ed;
  padding: 0.5rem;
  color: #333;
  font-weight: 500;
  font-size: 0.9em;
}
.highlight:is(.dark *) > .filename {
  border-color: rgb(75 85 99);
  background-color: #111;
  color: rgb(255 255 255);
}
.highlight pre {
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 6px;
  font-size: 0.98rem;
  line-height: 1.4;
}
.highlight .filename + pre {
  border-radius: 0 0 6px 6px;
}
.highlight pre code { color: white; }

.highlight pre code [data-linenos]:before {
  content: attr(data-linenos);
  display: inline-block;
  width: 3rem;
  text-align: right;
  padding-right: 1rem;
  white-space: nowrap;
  color: rgb(82 82 91);
  font-size: 0.75rem;
}
.highlight .hll {
  background-color: #333;
  display: block;
}

.highlight .c { color: hsl(31, 76%, 64%) } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .cm { color: hsl(30, 20%, 50%) } /* Comment.Multiline */
.highlight .cp { color: hsl(30, 20%, 50%) } /* Comment.Preproc */
.highlight .c1 { color: hsl(30, 20%, 50%) } /* Comment.Single */
.highlight .cs { color: hsl(30, 20%, 50%) } /* Comment.Special */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.Type */
.highlight .ld { color: #e6db74 } /* Literal.Date */
.highlight .m { color: #ae81ff } /* Literal.Number */
.highlight .s { color: #e6db74 } /* Literal.String */
.highlight .na { color: #a6e22e } /* Name.Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
.highlight .nc { color: #a6e22e } /* Name.Class */
.highlight .no { color: #66d9ef } /* Name.Constant */
.highlight .nd { color: #a6e22e } /* Name.Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
.highlight .ne { color: #a6e22e } /* Name.Exception */
.highlight .nf { color: #a6e22e } /* Name.Function */
.highlight .nl { color: #f8f8f2 } /* Name.Label */
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.highlight .nx { color: #a6e22e } /* Name.Other */
.highlight .py { color: #f8f8f2 } /* Name.Property */
.highlight .nt { color: #f92672 } /* Name.Tag */
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
.highlight .ow { color: #f92672 } /* Operator.Word */
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */

.highlight .gh { } /* Generic Heading & Diff Header */
.highlight .gu { color: hsl(30, 20%, 50%); } /* Generic.Subheading & Diff Unified/Comment? */
.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */