Skip to content

Commit 4c020d1

Browse files
GordonSmithGordonSmith
committed
WIP
1 parent 49fcd19 commit 4c020d1

File tree

3 files changed

+162
-4
lines changed

3 files changed

+162
-4
lines changed

‎.vitepress/config.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@ export default defineConfig({
1313
witLang()
1414
],
1515
theme: {
16-
light: 'github-light',
17-
dark: 'github-dark'
16+
light: 'light-plus',
17+
dark: 'dark-plus'
1818
}
1919
},
2020

‎.vitepress/theme/custom.css‎

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,4 +40,162 @@
4040
--vp-c-text-1: #cccccc;
4141
--vp-c-text-2: #b0b0b0;
4242
--vp-c-text-3: #808080;
43+
}
44+
45+
/**
46+
* Code Block Enhancements
47+
* -------------------------------------------------------------------------- */
48+
49+
/* Professional styling for all code blocks */
50+
div[class*='language-'] {
51+
border-radius: 8px;
52+
margin: 1.5rem 0;
53+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
54+
}
55+
56+
.dark div[class*='language-'] {
57+
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
58+
}
59+
60+
/* Enhanced WIT syntax blocks */
61+
div[class*='language-wit'] {
62+
border-left: 2px solid rgba(0, 95, 184, 0.33);
63+
background: linear-gradient(to right, rgba(0, 95, 184, 0.01), transparent 50%);
64+
}
65+
66+
.dark div[class*='language-wit'] {
67+
border-left: 2px solid rgba(79, 195, 247, 0.33);
68+
background: linear-gradient(to right, rgba(79, 195, 247, 0.02), transparent 50%);
69+
}
70+
71+
/* Code block padding and font improvements */
72+
div[class*='language-'] pre {
73+
padding: 1.25rem 1.5rem;
74+
line-height: 1.6;
75+
font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
76+
font-size: 0.95em;
77+
}
78+
79+
/* Smooth scrollbar for code blocks */
80+
div[class*='language-'] pre code {
81+
scrollbar-width: thin;
82+
scrollbar-color: var(--vp-c-brand-1) transparent;
83+
}
84+
85+
div[class*='language-'] pre code::-webkit-scrollbar {
86+
height: 8px;
87+
}
88+
89+
div[class*='language-'] pre code::-webkit-scrollbar-track {
90+
background: transparent;
91+
}
92+
93+
div[class*='language-'] pre code::-webkit-scrollbar-thumb {
94+
background: var(--vp-c-brand-1);
95+
border-radius: 4px;
96+
}
97+
98+
div[class*='language-'] pre code::-webkit-scrollbar-thumb:hover {
99+
background: var(--vp-c-brand-2);
100+
}
101+
102+
.dark div[class*='language-'] pre code {
103+
scrollbar-color: var(--vp-c-brand-2) transparent;
104+
}
105+
106+
.dark div[class*='language-'] pre code::-webkit-scrollbar-thumb {
107+
background: var(--vp-c-brand-2);
108+
}
109+
110+
.dark div[class*='language-'] pre code::-webkit-scrollbar-thumb:hover {
111+
background: var(--vp-c-brand-1);
112+
}
113+
114+
/* Copy button styling */
115+
div[class*='language-']:hover>button.copy {
116+
opacity: 1;
117+
}
118+
119+
div[class*='language-']>button.copy {
120+
border-radius: 4px;
121+
background: var(--vp-c-brand-1);
122+
opacity: 0;
123+
transition: opacity 0.3s, background 0.2s;
124+
}
125+
126+
div[class*='language-']>button.copy:hover {
127+
background: var(--vp-c-brand-2);
128+
}
129+
130+
/**
131+
* Code Block Enhancements
132+
* -------------------------------------------------------------------------- */
133+
134+
/* Professional styling for all code blocks */
135+
div[class*='language-'] {
136+
border-radius: 8px;
137+
margin: 1.5rem 0;
138+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
139+
}
140+
141+
.dark div[class*='language-'] {
142+
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
143+
}
144+
145+
/* Enhanced WIT syntax blocks */
146+
div[class*='language-wit'] {
147+
border-left: 2px solid rgba(0, 95, 184, 0.33);
148+
background: linear-gradient(to right, rgba(0, 95, 184, 0.01), transparent 50%);
149+
}
150+
151+
.dark div[class*='language-wit'] {
152+
border-left: 2px solid rgba(79, 195, 247, 0.33);
153+
background: linear-gradient(to right, rgba(79, 195, 247, 0.02), transparent 50%);
154+
}
155+
156+
/* Code block padding and font improvements */
157+
div[class*='language-'] pre {
158+
padding: 1.25rem 1.5rem;
159+
line-height: 1.6;
160+
font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
161+
font-size: 0.95em;
162+
}
163+
164+
/* Smooth scrollbar for code blocks */
165+
div[class*='language-'] pre code {
166+
scrollbar-width: thin;
167+
scrollbar-color: var(--vp-c-brand-1) transparent;
168+
}
169+
170+
div[class*='language-'] pre code::-webkit-scrollbar {
171+
height: 8px;
172+
}
173+
174+
div[class*='language-'] pre code::-webkit-scrollbar-track {
175+
background: transparent;
176+
}
177+
178+
div[class*='language-'] pre code::-webkit-scrollbar-thumb {
179+
background: var(--vp-c-brand-1);
180+
border-radius: 4px;
181+
}
182+
183+
div[class*='language-'] pre code::-webkit-scrollbar-thumb:hover {
184+
background: var(--vp-c-brand-2);
185+
}
186+
187+
/* Copy button styling */
188+
div[class*='language-']:hover>button.copy {
189+
opacity: 1;
190+
}
191+
192+
div[class*='language-']>button.copy {
193+
border-radius: 4px;
194+
background: var(--vp-c-brand-1);
195+
opacity: 0;
196+
transition: opacity 0.3s, background 0.2s;
197+
}
198+
199+
div[class*='language-']>button.copy:hover {
200+
background: var(--vp-c-brand-2);
43201
}

‎index.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ features:
2828
details: ⚠️ 🚧 UNDER CONSTRUCTION 🚧 ⚠️
2929

3030
---
31-
::: warning ⚠️ UNDER CONSTRUCTION ⚠️
32-
**This site is under active development.** Content is evolving quickly; expect placeholders, incomplete sections, and frequent updates.
31+
::: warning ⚠️ DOCUMENTATION UNDER CONSTRUCTION ⚠️
32+
**This documentation is being written from scratch.** What you see here is essentially placeholder content and should not be trusted as accurate. Expect significant changes and updates.
3333
:::
3434

0 commit comments

Comments
 (0)