ckaczor/Blog
1
0
Fork 0
mirror of https://github.com/ckaczor/Blog.git synced 2026-01-14 01:25:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Reformatting

Browse Source
This commit is contained in:
Chris Kaczor
2024-11-04 23:23:20 +00:00
parent bdcc7cea6a
commit 232599a7f8
18 changed files with 140 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
public/css/index.css
View File

@@ -1,13 +1,16 @@
/* Defaults */
:root {
--font-family: Roboto, -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT,
Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New,
Courier, monospace;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-50: #c0c0c0;
--color-gray-90: #333;
--background-color: #fff;
@@ -15,7 +18,7 @@
--text-color: var(--color-gray-90);
--text-color-link: #082840;
--text-color-link-active: #5f2b48;
--text-color-link-visited: #17050F;
--text-color-link-visited: #17050f;
--syntax-tab-size: 2;
}
@@ -23,7 +26,7 @@
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-50: #c0c0c0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
@@ -35,7 +38,6 @@
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
@@ -113,7 +115,7 @@ header:after {
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
gap: 0.5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
@@ -138,7 +140,7 @@ code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
margin: 0.5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
@@ -160,7 +162,7 @@ code {
/* Header */
header {
display: flex;
gap: 1em .5em;
gap: 1em 0.5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
@@ -226,8 +228,8 @@ header {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
padding-left: 0.25em;
padding-right: 0.5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
@@ -252,7 +254,7 @@ header {
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
gap: 0.5em;
list-style: none;
padding: 0;
margin: 0;
@@ -260,4 +262,3 @@ header {
.post-metadata time {
margin-right: 1em;
}