Major progress on blog page, set defaults
Change-Id: I94ac9d96ff56fdb1b795ef938e37d4e91c4c6bc2
Reviewed-on: https://git.clicks.codes/c/Coded/thecoded.prof/+/678
Tested-by: Samuel Shuert <coded@clicks.codes>
Reviewed-by: Samuel Shuert <coded@clicks.codes>
diff --git a/sites/blog/src/styles/global.css b/sites/blog/src/styles/global.css
index fe9ecf0..5c336a6 100644
--- a/sites/blog/src/styles/global.css
+++ b/sites/blog/src/styles/global.css
@@ -3,51 +3,17 @@
https://github.com/HermanMartinus/bearblog/blob/297026a877bc2ab2b3bdfbd6b9f7961c350917dd/templates/styles/blog/default.css
License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md
*/
-
-:root {
- --accent: #2337ff;
- --accent-dark: #000d8a;
- --black: 15, 18, 25;
- --gray: 96, 115, 159;
- --gray-light: 229, 233, 240;
- --gray-dark: 34, 41, 57;
- --gray-gradient: rgba(var(--gray-light), 50%), #fff;
- --box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%),
- 0 16px 32px rgba(var(--gray), 33%);
-}
-@font-face {
- font-family: 'Atkinson';
- src: url('/fonts/atkinson-regular.woff') format('woff');
- font-weight: 400;
- font-style: normal;
- font-display: swap;
-}
-@font-face {
- font-family: 'Atkinson';
- src: url('/fonts/atkinson-bold.woff') format('woff');
- font-weight: 700;
- font-style: normal;
- font-display: swap;
-}
body {
- font-family: 'Atkinson', sans-serif;
+ font-family: 'Fira Code', monospace;
margin: 0;
padding: 0;
text-align: left;
- background: linear-gradient(var(--gray-gradient)) no-repeat;
- background-size: 100% 600px;
word-wrap: break-word;
overflow-wrap: break-word;
- color: rgb(var(--gray-dark));
+ color: rgb(var(--ctp-subtext1));
font-size: 20px;
line-height: 1.7;
}
-main {
- width: 720px;
- max-width: calc(100% - 2em);
- margin: auto;
- padding: 3em 1em;
-}
h1,
h2,
h3,
@@ -55,7 +21,7 @@
h5,
h6 {
margin: 0 0 0.5rem 0;
- color: rgb(var(--black));
+ color: rgb(var(--ctp-text));
line-height: 1.2;
}
h1 {
@@ -77,12 +43,6 @@
b {
font-weight: 700;
}
-a {
- color: var(--accent);
-}
-a:hover {
- color: var(--accent);
-}
p {
margin-bottom: 1em;
}
@@ -106,7 +66,6 @@
}
code {
padding: 2px 5px;
- background-color: rgb(var(--gray-light));
border-radius: 2px;
}
pre {
@@ -117,22 +76,26 @@
all: unset;
}
blockquote {
- border-left: 4px solid var(--accent);
+ border-left: 4px solid rgb(var(--ctp-blue));
padding: 0 0 0 20px;
margin: 0px;
font-size: 1.333em;
}
hr {
border: none;
- border-top: 1px solid rgb(var(--gray-light));
+ border-top: 1px solid rgb(var(--ctp-text));
}
-@media (max-width: 720px) {
- body {
- font-size: 18px;
- }
- main {
- padding: 1em;
- }
+mark {
+ background-color: rgb(var(--ctp-yellow));
+ color: rgb(var(--ctp-mantle));
+ border-radius: 0.5vh;
+}
+sup > a {
+ color: rgb(var(--ctp-blue));
+}
+
+.data-footnote-backref {
+ color: rgb(var(--ctp-blue));
}
.sr-only {