summaryrefslogtreecommitdiff
path: root/assets/css/content.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/content.css')
-rw-r--r--assets/css/content.css34
1 files changed, 17 insertions, 17 deletions
diff --git a/assets/css/content.css b/assets/css/content.css
index 925fed8..2cb5272 100644
--- a/assets/css/content.css
+++ b/assets/css/content.css
@@ -13,8 +13,8 @@ main a.volatile:visited {
main a:focus,
main a:hover {
- background-color: var(--bg);
- color: var(--yellow);
+ background-color: var(--prismite-bg);
+ color: var(--prismite-yellow);
}
main a:active {
@@ -26,16 +26,16 @@ main a:active {
}
a.anchor:link, a.anchor:visited {
- color: var(--border);
+ color: var(--prismite-border);
}
a.anchor:focus,
a.anchor:hover {
- color: var(--yellow-bright);
+ color: var(--prismite-yellow-bright);
}
a.anchor:active {
- color: var(--yellow);
+ color: var(--prismite-yellow);
}
.anchor::after {
@@ -53,13 +53,13 @@ h1, h2 {
.anchor::before {
content: "";
height: var(--border-width);
- background-color: var(--border);
+ background-color: var(--prismite-border);
}
h1::after, h2::after {
content: "";
height: var(--border-width);
- background-color: var(--border);
+ background-color: var(--prismite-border);
flex-grow: 1;
}
@@ -78,7 +78,7 @@ main li {
}
main li::marker {
- color: var(--border);
+ color: var(--prismite-border);
}
main ol,
@@ -104,8 +104,8 @@ code {
/* padding-inline: calc(var(--padding) / 2); */
padding-inline: var(--padding);
font-family: "Aporetic Mono", monospace;
- color: var(--fg);
- background: var(--bg);
+ color: var(--prismite-fg);
+ background: var(--prismite-bg);
overflow: auto;
border-radius: var(--border-radius);
}
@@ -115,7 +115,7 @@ pre > code {
padding: var(--padding-big);
position: relative;
line-height: 1.3;
- border: var(--border-width) solid var(--border);
+ border: var(--border-width) solid var(--prismite-border);
}
pre > code[data-lang]::after {
@@ -125,9 +125,9 @@ pre > code[data-lang]::after {
right: 0;
padding: var(--padding);
border-radius: 0 var(--border-radius);
- border-bottom: var(--border-width) solid var(--border);
- border-left: var(--border-width) solid var(--border);
- background-color: var(--bg-high);
+ border-bottom: var(--border-width) solid var(--prismite-border);
+ border-left: var(--border-width) solid var(--prismite-border);
+ background-color: var(--prismite-bg-high);
transition: transform 0.2s var(--easing);
}
@@ -137,7 +137,7 @@ pre > code[data-lang]:hover::after {
aside {
padding: var(--padding-big);
- border: var(--border-width) solid var(--border);
+ border: var(--border-width) solid var(--prismite-border);
border-radius: var(--border-radius);
box-sizing: border-box;
font-size: 0.9em;
@@ -166,12 +166,12 @@ aside::after {
}
aside::before {
- border-bottom: var(--arrow-size) solid var(--border);
+ border-bottom: var(--arrow-size) solid var(--prismite-border);
top: calc(var(--arrow-size) * -1);
}
aside::after {
- border-bottom: var(--arrow-size) solid var(--yellow);
+ border-bottom: var(--arrow-size) solid var(--prismite-yellow);
top: calc(var(--arrow-size) * -1 + var(--border-width));
}