-
-[Become a Provider](./Guides/BecomeAProvider.md)
-[Frequency Developer Gateway](./Guides/Gateway.md)
-[Single Sign-on](./Guides/SSO.md)
-[Frequency Whitepaper](./Whitepaper.md)
+## **Begin Your Learning Journey**
+
diff --git a/preprocessors/button-links.mjs b/preprocessors/button-links.mjs
index a96c728..fbd5a4e 100644
--- a/preprocessors/button-links.mjs
+++ b/preprocessors/button-links.mjs
@@ -2,25 +2,35 @@
// Use console.error, not console.log
//
// Button Links for Child Pages:
-// - Replaces `{{#button-links}}` with the child links of that page in button form
+// - Replaces `{{#button-links-outlined}}` with the child links of that page in button form
function makeButtonLink({ Chapter }, parentPath) {
// Remove any part of the path that the parent already has.
// This assumes that there are no nested duplicate names
const path = Chapter.path.split("/").filter((x) => !parentPath.has(x));
- return `
${Chapter.name}`;
+ return `
${
+ Chapter.name
+ }`;
}
function generateButtonLinks(parent) {
// Remove the last /page.md as there might be collisions with that part
const parentPath = new Set(parent.path.replace(/\/[^\/]*$/, "").split("/"));
return (
- '
' + parent.sub_items.map((x) => makeButtonLink(x, parentPath)).join("\n") + "
"
+ '
' +
+ parent.sub_items.map((x) => makeButtonLink(x, parentPath)).join("\n") +
+ "
"
);
}
function replaceButtonLinks(chapter) {
- if (chapter.sub_items && chapter.content.includes("{{#button-links}}")) {
- chapter.content = chapter.content.replace("{{#button-links}}", generateButtonLinks(chapter));
+ if (
+ chapter.sub_items &&
+ chapter.content.includes("{{#button-links-outlined}}")
+ ) {
+ chapter.content = chapter.content.replace(
+ "{{#button-links-outlined}}",
+ generateButtonLinks(chapter)
+ );
}
if (chapter.sub_items) {
diff --git a/theme/css/chrome.css b/theme/css/chrome.css
index ca4586d..c153d8f 100644
--- a/theme/css/chrome.css
+++ b/theme/css/chrome.css
@@ -99,10 +99,8 @@ html:not(.js) .left-buttons button {
}
.menu-title {
+ @apply docsHeaderText;
display: inline-block;
- font-weight: 200;
- font-size: 2.4rem;
- line-height: var(--menu-bar-height);
text-align: center;
margin: 0;
flex: 1;
@@ -135,7 +133,7 @@ html:not(.js) .left-buttons button {
/* Nav Icons */
.nav-chapters {
- font-size: 2.5em;
+ @apply docsHeaderText;
text-align: center;
text-decoration: none;
@@ -151,17 +149,13 @@ html:not(.js) .left-buttons button {
align-content: center;
flex-direction: column;
- transition:
- color 0.5s,
- background-color 0.5s;
+ transition: color 0.5s, background-color 0.5s;
}
.nav-chapters:hover {
text-decoration: none;
background-color: var(--theme-hover);
- transition:
- background-color 0.15s,
- color 0.15s;
+ transition: background-color 0.15s, color 0.15s;
}
.nav-wrapper {
@@ -170,7 +164,7 @@ html:not(.js) .left-buttons button {
}
.mobile-nav-chapters {
- font-size: 2.5em;
+ @apply docsHeaderText;
text-align: center;
text-decoration: none;
width: 90px;
@@ -248,9 +242,7 @@ pre > .buttons {
cursor: pointer;
visibility: hidden;
opacity: 0;
- transition:
- visibility 0.1s linear,
- opacity 0.1s linear;
+ transition: visibility 0.1s linear, opacity 0.1s linear;
}
pre:hover > .buttons {
visibility: visible;
@@ -268,7 +260,7 @@ pre > .buttons button {
cursor: inherit;
margin: 0px 5px;
padding: 4px 4px 3px 5px;
- font-size: 23px;
+ @apply docsBodyText;
border-style: solid;
border-width: 1px;
@@ -363,7 +355,7 @@ mark.fade-out {
#searchbar {
width: 100%;
- margin-block-start: 5px;
+ margin-block-start: 16px;
margin-block-end: 0;
margin-inline-start: auto;
margin-inline-end: auto;
@@ -381,7 +373,7 @@ mark.fade-out {
.searchresults-header {
font-weight: bold;
- font-size: 1em;
+ @apply docsHeaderText;
padding-block-start: 18px;
padding-block-end: 0;
padding-inline-start: 5px;
@@ -415,7 +407,7 @@ ul#searchresults span.teaser {
margin-block-end: 0;
margin-inline-start: 20px;
margin-inline-end: 0;
- font-size: 0.8em;
+ @apply docsBodyText;
}
ul#searchresults span.teaser em {
font-weight: bold;
@@ -425,12 +417,12 @@ ul#searchresults span.teaser em {
/* Sidebar */
.sidebar {
+ @apply docsHeaderText;
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: var(--sidebar-width);
- font-size: 0.875em;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
@@ -444,7 +436,7 @@ ul#searchresults span.teaser em {
color: var(--sidebar-fg);
padding: var(--padding);
margin: 0;
- font-size: 1.4rem;
+ @apply docsHeaderText;
min-height: calc(100vh - var(--padding) * 2);
}
.sidebar-iframe-outer {
@@ -520,7 +512,10 @@ html:not(.sidebar-resizing) .sidebar {
}
.js .sidebar .sidebar-resize-handle {
cursor: col-resize;
- width: calc(var(--sidebar-resize-indicator-width) - var(--sidebar-resize-indicator-space));
+ width: calc(
+ var(--sidebar-resize-indicator-width) -
+ var(--sidebar-resize-indicator-space)
+ );
}
/* sidebar-hidden */
/* #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
@@ -639,12 +634,12 @@ END MOD: replaced with side-nav.css */
/* Theme Menu Popup */
.theme-popup {
+ @apply docsBodyText;
position: absolute;
left: 10px;
top: var(--menu-bar-height);
z-index: 1000;
border-radius: 4px;
- font-size: 0.7em;
color: var(--fg);
background: var(--theme-popup-bg);
border: 1px solid var(--theme-popup-border);
diff --git a/theme/css/general.css b/theme/css/general.css
index e929313..06111d7 100644
--- a/theme/css/general.css
+++ b/theme/css/general.css
@@ -1,60 +1,79 @@
/* Base styles and content styles */
:root {
- /* Browser default font-size is 16px, this way 1 rem = 10px */
- font-size: 62.5%;
- color-scheme: var(--color-scheme);
+ /* Browser default font-size is 16px, this way 1 rem = 10px */
+ @apply docsBodyText;
+ color-scheme: var(--color-scheme);
}
html {
- font-family: "Open Sans", sans-serif;
- color: var(--fg);
- background-color: var(--bg);
- text-size-adjust: none;
- -webkit-text-size-adjust: none;
+ font-family: "Open Sans", sans-serif;
+ color: var(--fg);
+ background-color: var(--bg);
+ text-size-adjust: none;
+ -webkit-text-size-adjust: none;
}
body {
- margin: 0;
- font-size: 1.6rem;
- overflow-x: hidden;
+ margin: 0;
+ @apply docsBodyText;
+ overflow-x: hidden;
}
code {
- font-family: var(--mono-font) !important;
- font-size: var(--code-font-size);
- direction: ltr !important;
+ font-family: var(--mono-font) !important;
+ @apply docsBodyText;
+ direction: ltr !important;
}
/* make long words/inline code not x overflow */
main {
- overflow-wrap: break-word;
+ overflow-wrap: break-word;
}
/* make wide tables scroll if they overflow */
.table-wrapper {
- overflow-x: auto;
+ overflow-x: auto;
}
/* Don't change font size in headers. */
-h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
- font-size: unset;
+h1 code,
+h2 code,
+h3 code,
+h4 code,
+h5 code,
+h6 code {
+ font-size: unset;
}
-.left { float: left; }
-.right { float: right; }
-.boring { opacity: 0.6; }
-.hide-boring .boring { display: none; }
+.left {
+ float: left;
+}
+.right {
+ float: right;
+}
+.boring {
+ opacity: 0.6;
+}
+.hide-boring .boring {
+ display: none;
+}
/* Collision with Tailwind */
/* .hidden { display: none !important; } */
-h2, h3 { margin-block-start: 2.5em; }
-h4, h5 { margin-block-start: 2em; }
+h2,
+h3 {
+ margin-block-start: 2.5em;
+}
+h4,
+h5 {
+ margin-block-start: 2em;
+}
.header + .header h3,
.header + .header h4,
.header + .header h5 {
- margin-block-start: 1em;
+ margin-block-start: 1em;
}
h1:target::before,
@@ -63,10 +82,10 @@ h3:target::before,
h4:target::before,
h5:target::before,
h6:target::before {
- display: inline-block;
- content: "»";
- margin-inline-start: -30px;
- width: 30px;
+ display: inline-block;
+ content: "»";
+ margin-inline-start: -30px;
+ width: 30px;
}
/* This is broken on Safari as of version 14, but is fixed
@@ -74,18 +93,20 @@ h6:target::before {
https://bugs.webkit.org/show_bug.cgi?id=218076
*/
:target {
- /* Safari does not support logical properties */
- scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
+ /* Safari does not support logical properties */
+ scroll-margin-top: calc(var(--menu-bar-height) + 0.5em);
}
.page {
- outline: 0;
- padding: 0 var(--page-padding);
- margin-block-start: calc(0px - var(--menu-bar-height)); /* Compensate for the #menu-bar-hover-placeholder */
+ outline: 0;
+ padding: 0 var(--page-padding);
+ margin-block-start: calc(
+ 0px - var(--menu-bar-height)
+ ); /* Compensate for the #menu-bar-hover-placeholder */
}
.page-wrapper {
- box-sizing: border-box;
- background-color: var(--bg);
+ box-sizing: border-box;
+ background-color: var(--bg);
}
/* MOD: Replaced with side-nav.css
@@ -99,185 +120,201 @@ h6:target::before {
END MOD: Replaced with side-nav.css */
.content {
- overflow-y: auto;
- padding: 0 5px 50px 5px;
+ overflow-y: auto;
+ padding: 0 5px 50px 5px;
}
.content main {
- margin-inline-start: auto;
- margin-inline-end: auto;
- max-width: var(--content-max-width);
-}
-.content p { line-height: 1.45em; }
-.content ol { line-height: 1.45em; }
-.content ul { line-height: 1.45em; }
-.content a { text-decoration: none; }
-.content a:hover { text-decoration: underline; }
-.content img, .content video { max-width: 100%; }
+ margin-inline-start: auto;
+ margin-inline-end: auto;
+ max-width: var(--content-max-width);
+}
+.content p {
+ line-height: 1.45em;
+}
+.content ol {
+ line-height: 1.45em;
+}
+.content ul {
+ line-height: 1.45em;
+}
+.content a {
+ text-decoration: none;
+}
+.content a:hover {
+ text-decoration: underline;
+}
+.content img,
+.content video,
+.content svg {
+ max-width: 800px;
+ margin: 0 auto;
+}
.content .header:link,
.content .header:visited {
- color: var(--fg);
+ color: var(--fg);
}
.content .header:link,
.content .header:visited:hover {
- text-decoration: none;
+ text-decoration: none;
}
table {
- margin: 0 auto;
- border-collapse: collapse;
+ margin: 0 auto;
+ border-collapse: collapse;
}
table td {
- padding: 3px 20px;
- border: 1px var(--table-border-color) solid;
+ padding: 3px 20px;
+ border: 1px var(--table-border-color) solid;
}
table thead {
- background: var(--table-header-bg);
+ background: var(--table-header-bg);
}
table thead td {
- font-weight: 700;
- border: none;
+ font-weight: 700;
+ border: none;
}
table thead th {
- padding: 3px 20px;
+ padding: 3px 20px;
}
table thead tr {
- border: 1px var(--table-header-bg) solid;
+ border: 1px var(--table-header-bg) solid;
}
/* Alternate background colors for rows */
table tbody tr:nth-child(2n) {
- background: var(--table-alternate-bg);
+ background: var(--table-alternate-bg);
}
-
blockquote {
- margin: 20px 0;
- padding: 0 20px;
- color: var(--fg);
- background-color: var(--quote-bg);
- border-block-start: .1em solid var(--quote-border);
- border-block-end: .1em solid var(--quote-border);
+ margin: 20px 0;
+ padding: 0 20px;
+ color: var(--fg);
+ background-color: var(--quote-bg);
+ border-block-start: 0.1em solid var(--quote-border);
+ border-block-end: 0.1em solid var(--quote-border);
}
.warning {
- margin: 20px;
- padding: 0 20px;
- border-inline-start: 2px solid var(--warning-border);
+ margin: 20px;
+ padding: 0 20px;
+ border-inline-start: 2px solid var(--warning-border);
}
.warning:before {
- position: absolute;
- width: 3rem;
- height: 3rem;
- margin-inline-start: calc(-1.5rem - 21px);
- content: "ⓘ";
- text-align: center;
- background-color: var(--bg);
- color: var(--warning-border);
- font-weight: bold;
- font-size: 2rem;
+ position: absolute;
+ width: 3rem;
+ height: 3rem;
+ margin-inline-start: calc(-1.5rem - 21px);
+ content: "ⓘ";
+ text-align: center;
+ background-color: var(--bg);
+ color: var(--warning-border);
+ font-weight: bold;
+ @apply docsSubHeaderText;
}
blockquote .warning:before {
- background-color: var(--quote-bg);
+ background-color: var(--quote-bg);
}
kbd {
- background-color: var(--table-border-color);
- border-radius: 4px;
- border: solid 1px var(--theme-popup-border);
- box-shadow: inset 0 -1px 0 var(--theme-hover);
- display: inline-block;
- font-size: var(--code-font-size);
- font-family: var(--mono-font);
- line-height: 10px;
- padding: 4px 5px;
- vertical-align: middle;
+ background-color: var(--table-border-color);
+ border-radius: 4px;
+ border: solid 1px var(--theme-popup-border);
+ box-shadow: inset 0 -1px 0 var(--theme-hover);
+ display: inline-block;
+ font-size: var(--code-font-size);
+ font-family: var(--mono-font);
+ line-height: 10px;
+ padding: 4px 5px;
+ vertical-align: middle;
}
sup {
- /* Set the line-height for superscript and footnote references so that there
+ /* Set the line-height for superscript and footnote references so that there
isn't an awkward space appearing above lines that contain the footnote.
See https://github.com/rust-lang/mdBook/pull/2443#discussion_r1813773583
for an explanation.
*/
- line-height: 0;
+ line-height: 0;
}
.footnote-definition {
- font-size: 0.9em;
+ @apply docsBodyText;
}
/* The default spacing for a list is a little too large. */
.footnote-definition ul,
.footnote-definition ol {
- padding-left: 20px;
+ padding-left: 20px;
}
.footnote-definition > li {
- /* Required to position the ::before target */
- position: relative;
+ /* Required to position the ::before target */
+ position: relative;
}
.footnote-definition > li:target {
- scroll-margin-top: 50vh;
+ scroll-margin-top: 50vh;
}
.footnote-reference:target {
- scroll-margin-top: 50vh;
+ scroll-margin-top: 50vh;
}
/* Draws a border around the footnote (including the marker) when it is selected.
TODO: If there are multiple linkbacks, highlight which one you just came
from so you know which one to click.
*/
.footnote-definition > li:target::before {
- border: 2px solid var(--footnote-highlight);
- border-radius: 6px;
- position: absolute;
- top: -8px;
- right: -8px;
- bottom: -8px;
- left: -32px;
- pointer-events: none;
- content: "";
+ border: 2px solid var(--footnote-highlight);
+ border-radius: 6px;
+ position: absolute;
+ top: -8px;
+ right: -8px;
+ bottom: -8px;
+ left: -32px;
+ pointer-events: none;
+ content: "";
}
/* Pulses the footnote reference so you can quickly see where you left off reading.
This could use some improvement.
*/
@media not (prefers-reduced-motion) {
- .footnote-reference:target {
- animation: fn-highlight 0.8s;
- border-radius: 2px;
- }
+ .footnote-reference:target {
+ animation: fn-highlight 0.8s;
+ border-radius: 2px;
+ }
- @keyframes fn-highlight {
- from {
- background-color: var(--footnote-highlight);
- }
+ @keyframes fn-highlight {
+ from {
+ background-color: var(--footnote-highlight);
}
+ }
}
.tooltiptext {
- position: absolute;
- visibility: hidden;
- color: #fff;
- background-color: #333;
- transform: translateX(-50%); /* Center by moving tooltip 50% of its width left */
- left: -8px; /* Half of the width of the icon */
- top: -35px;
- font-size: 0.8em;
- text-align: center;
- border-radius: 6px;
- padding: 5px 8px;
- margin: 5px;
- z-index: 1000;
+ position: absolute;
+ visibility: hidden;
+ color: #fff;
+ background-color: #333;
+ transform: translateX(
+ -50%
+ ); /* Center by moving tooltip 50% of its width left */
+ left: -8px; /* Half of the width of the icon */
+ top: -35px;
+ @apply docsBodyText;
+ text-align: center;
+ border-radius: 6px;
+ padding: 5px 8px;
+ margin: 5px;
+ z-index: 1000;
}
.tooltipped .tooltiptext {
- visibility: visible;
+ visibility: visible;
}
.chapter li.part-title {
- color: var(--sidebar-fg);
- margin: 5px 0px;
- font-weight: bold;
+ color: var(--sidebar-fg);
+ margin: 5px 0px;
+ font-weight: bold;
}
.result-no-output {
- font-style: italic;
+ font-style: italic;
}
diff --git a/theme/css/print.css b/theme/css/print.css
index 8fdd9d8..d4bc1c7 100644
--- a/theme/css/print.css
+++ b/theme/css/print.css
@@ -42,6 +42,7 @@
}
.button-links,
+.button-links-outlined,
.title-embed {
display: none !important;
}
diff --git a/theme/css/variables.css b/theme/css/variables.css
index 763a7c8..cb95d00 100644
--- a/theme/css/variables.css
+++ b/theme/css/variables.css
@@ -17,18 +17,19 @@
--page-padding: 15px;
--content-max-width: 1080px;
--menu-bar-height: 50px;
- --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
- --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */;
+ --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo,
+ "DejaVu Sans Mono", monospace, monospace;
+ --code-font-size: 12px;
}
/* Themes */
.coal {
--bg: var(--color-black);
- --fg: var(--color-cream);
- --headers: var(--color-cream);
+ --fg: var(--color-white);
+ --headers: var(--color-white);
- --sidebar-bg: var(--color-cream);
+ --sidebar-bg: var(--color-white);
--sidebar-fg: var(--color-darkPurple);
--sidebar-non-existant: var(--sidebar-fg);
--sidebar-active: var(--color-primary);
@@ -36,7 +37,7 @@
--scrollbar: var(--sidebar-fg);
- --icons: var(--color-cream);
+ --icons: var(--color-white);
--icons-hover: var(--color-purple50);
--links: var(--color-purple75);
@@ -56,9 +57,9 @@
--table-border-color: var(--color-gray1);
--table-header-bg: var(--color-gray1);
- --table-header-fg: var(--color-cream);
+ --table-header-fg: var(--color-white);
--table-alternate-bg: var(--color-gray1);
- --table-alternate-fg: var(--color-cream);
+ --table-alternate-fg: var(--color-white);
--searchbar-border-color: #aaa;
--searchbar-bg: var(--color-white);
@@ -74,15 +75,24 @@
--page-nav-fg: var(--headers);
--page-nav-bg: var(--sidebar-bg);
+ /* Nav button variant */
--button-nav-bg: var(--color-cream);
--button-nav-fg: var(--color-black);
- --button-nav-hover-fg: var(--white);
+ --button-nav-hover-fg: var(--color-cream);
--button-nav-hover-bg: var(--color-purple50);
+ /* Outlined button variant */
+ --button-outlined-bg: none;
+ --button-outlined-text: var(--color-cream);
+ --button-outlined-border: var(--color-cream);
+ --button-outlined-hover-text: var(--color-purple50);
+ --button-outlined-hover-border: var(--color-purple50);
/* Same as `--icons` */
- --copy-button-filter: invert(26%) sepia(8%) saturate(575%) hue-rotate(169deg) brightness(87%) contrast(82%);
+ --copy-button-filter: invert(26%) sepia(8%) saturate(575%) hue-rotate(169deg)
+ brightness(87%) contrast(82%);
/* Same as `--sidebar-active` */
- --copy-button-filter-hover: invert(36%) sepia(70%) saturate(503%) hue-rotate(167deg) brightness(98%) contrast(89%);
+ --copy-button-filter-hover: invert(36%) sepia(70%) saturate(503%)
+ hue-rotate(167deg) brightness(98%) contrast(89%);
--footnote-highlight: var(--links);
@@ -141,15 +151,23 @@ html:not(.js) {
--page-nav-fg: var(--headers);
--page-nav-bg: var(--sidebar-bg);
+ /* Nav button variant */
--button-nav-bg: var(--color-black);
--button-nav-fg: var(--color-white);
--button-nav-hover-fg: var(--color-white);
--button-nav-hover-bg: var(--color-primary);
+ /* Outlined button variant */
+ --button-outlined-bg: none;
+ --button-outlined-text: var(--color-black);
+ --button-outlined-border: var(--color-black);
+ --button-outlined-hover-text: var(--color-primary);
+ --button-outlined-hover-border: var(--color-primary);
/* Same as `--icons` */
--copy-button-filter: invert(45.49%);
/* Same as `--sidebar-active` */
- --copy-button-filter-hover: invert(14%) sepia(93%) saturate(4250%) hue-rotate(243deg) brightness(99%) contrast(130%);
+ --copy-button-filter-hover: invert(14%) sepia(93%) saturate(4250%)
+ hue-rotate(243deg) brightness(99%) contrast(130%);
--footnote-highlight: var(--links);
@@ -159,18 +177,18 @@ html:not(.js) {
@media (prefers-color-scheme: dark) {
html:not(.js) {
--bg: var(--color-black);
- --fg: var(--color-cream);
- --headers: var(--color-cream);
+ --fg: var(--color-white);
+ --headers: var(--color-white);
--sidebar-bg: var(--color-darkPurple);
- --sidebar-fg: var(--color-cream);
+ --sidebar-fg: var(--color-white);
--sidebar-non-existant: var(--sidebar-fg);
--sidebar-active: var(--color-purple75);
--sidebar-spacer: var(--sidebar-bg);
--scrollbar: var(--sidebar-fg);
- --icons: var(--color-cream);
+ --icons: var(--color-white);
--icons-hover: var(--color-purple50);
--links: var(--color-purple75);
@@ -190,9 +208,9 @@ html:not(.js) {
--table-border-color: var(--color-gray1);
--table-header-bg: var(--color-gray1);
- --table-header-fg: var(--color-cream);
+ --table-header-fg: var(--color-white);
--table-alternate-bg: var(--color-gray1);
- --table-alternate-fg: var(--color-cream);
+ --table-alternate-fg: var(--color-white);
--searchbar-border-color: #aaa;
--searchbar-bg: var(--color-white);
@@ -208,15 +226,24 @@ html:not(.js) {
--page-nav-fg: var(--headers);
--page-nav-bg: var(--sidebar-bg);
- --button-nav-bg: var(--color-cream);
+ /* Nav button variant */
+ --button-nav-bg: var(--color-white);
--button-nav-fg: var(--color-black);
--button-nav-hover-fg: var(--white);
--button-nav-hover-bg: var(--color-purple50);
+ /* Outlined button variant */
+ --button-outlined-bg: none;
+ --button-outlined-text: var(--color-white);
+ --button-outlined-border: var(--color-white);
+ --button-outlined-hover-text: var(--color-purple50);
+ --button-outlined-hover-border: var(--color-purple50);
/* Same as `--icons` */
- --copy-button-filter: invert(26%) sepia(8%) saturate(575%) hue-rotate(169deg) brightness(87%) contrast(82%);
+ --copy-button-filter: invert(26%) sepia(8%) saturate(575%)
+ hue-rotate(169deg) brightness(87%) contrast(82%);
/* Same as `--sidebar-active` */
- --copy-button-filter-hover: invert(36%) sepia(70%) saturate(503%) hue-rotate(167deg) brightness(98%) contrast(89%);
+ --copy-button-filter-hover: invert(36%) sepia(70%) saturate(503%)
+ hue-rotate(167deg) brightness(98%) contrast(89%);
--footnote-highlight: var(--links);
diff --git a/theme/tailwind.css b/theme/tailwind.css
index 837761d..fa37ecc 100644
--- a/theme/tailwind.css
+++ b/theme/tailwind.css
@@ -12,9 +12,7 @@
.underline-on-hover::after {
@apply absolute bottom-0 left-0 h-[0.1em] w-full opacity-0 transition-opacity content-[''];
- transition:
- opacity 300ms,
- transform 300ms;
+ transition: opacity 300ms, transform 300ms;
transform: translate3d(-100%, 0, 0);
}
@@ -25,47 +23,30 @@
}
}
+.content {
+ @apply docsBodyText;
+}
/* Lots adding back in defaults that tailwind removes */
.content h1 {
+ @apply docsHeaderText;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
- font-weight: bold;
}
/* Reset the margins for the first header in the contents */
.content h1:first-of-type {
margin-block-start: 0;
- margin-top: 0;
+ margin-top: 24px;
}
-.content h2 {
+.content h2,
+h3,
+h4,
+h5,
+h6 {
+ @apply docsSubHeaderText;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
- font-weight: bold;
-}
-
-.content h3 {
- margin-block-start: 1em;
- margin-block-end: 1em;
- font-weight: bold;
-}
-
-.content h4 {
- margin-block-start: 1.33em;
- margin-block-end: 1.33em;
- font-weight: bold;
-}
-
-.content h5 {
- margin-block-start: 1.67em;
- margin-block-end: 1.67em;
- font-weight: bold;
-}
-
-.content h6 {
- margin-block-start: 2.33em;
- margin-block-end: 2.33em;
- font-weight: bold;
}
.content ol {