update styles

pyrox.dev 4874f044 88996c0d

verified
Changed files
+48
src
static
+48
src/static/styles.css
···
--animate-*: initial;
--font-sans: "Inter", "ui-sans-serif", "system-ui", "sans-serif";
--font-serif: "IBM Plex Serif", "ui-serif", "serif";
/* Flag Colors */
--color-trans-blue: #5bcffa;
···
@apply text-blue underline;
}
p {
@apply mb-6;
}
···
@apply text-mauve!;
}
@utility no-fold {
pointer-events: none;
}
@utility callout {
@apply outline-1 rounded-sm py-2 pl-2 pr-4 outline-solid overflow-hidden;
outline-color: --alpha(var(--callout-color) / 50%);
···
}
}
details.callout .callout-title {
margin: 0;
cursor: pointer;
···
--animate-*: initial;
--font-sans: "Inter", "ui-sans-serif", "system-ui", "sans-serif";
--font-serif: "IBM Plex Serif", "ui-serif", "serif";
+
/* CTP overrides --text-base, so we need this custom class for the base text size */
+
--text-default: 1rem;
+
--text-default--line-height: calc(1.5 / 1);
/* Flag Colors */
--color-trans-blue: #5bcffa;
···
@apply text-blue underline;
}
+
h2 {
+
@apply text-2xl font-sans;
+
}
+
p {
@apply mb-6;
}
···
@apply text-mauve!;
}
+
/* Disable <detail> folding on non-folding admonitions */
@utility no-fold {
pointer-events: none;
}
+
/* Callouts/Admonitions */
@utility callout {
@apply outline-1 rounded-sm py-2 pl-2 pr-4 outline-solid overflow-hidden;
outline-color: --alpha(var(--callout-color) / 50%);
···
}
}
+
/* Start Footnotes */
+
+
@utility fn {
+
@apply mb-2;
+
p {
+
@apply inline;
+
}
+
[data-editor-file] {
+
@apply inline;
+
}
+
}
+
+
@utility fn-backref {
+
&::before {
+
@apply inline-block text-blue align-bottom;
+
content: "\F131";
+
font-family: "bootstrap-icons";
+
}
+
}
+
+
/* End Footnotes */
+
+
/* Start ToC */
+
+
@utility toc {
+
@apply mt-3 mb-8;
+
}
+
+
@utility toc-l1 {
+
@apply border-l-2 border-overlay0 pl-2 ml-1 text-xl;
+
}
+
+
@utility toc-l2 {
+
@apply text-default border-l-2 pl-2 border-surface2 first-of-type:mt-1 last-of-type:mb-1;
+
}
+
+
/* End ToC */
+
+
/* Extra arbitrary styles */
details.callout .callout-title {
margin: 0;
cursor: pointer;