the home site for me: also iteration 3 or 4 of my site
feat: improve code styling
+14
-4
+14
-4
sass/css/suCSS.css
+14
-4
sass/css/suCSS.css
···
52
52
--bg-light: var(--ultra-violet);
53
53
--text: var(--lavendar-breeze);
54
54
--text-light: var(--pink-puree);
55
-
--text-dark: oklch(80.28% 0.0111 204.11);
55
+
--text-dark: oklch(0.8497 0.0345 290.76);
56
56
--accent: var(--rose-quartz);
57
57
--accent-dark: var(--dark-crushed-grape);
58
58
--accent-text: var(--purple-gray);
···
326
326
table {
327
327
border-collapse: collapse;
328
328
margin: 1.5rem 0;
329
-
display: block;
330
-
overflow-x: auto;
331
-
white-space: nowrap;
329
+
width: 100%;
332
330
}
333
331
334
332
td,
···
696
694
border-radius: 3px;
697
695
color: var(--bg);
698
696
background-color: var(--text);
697
+
}
698
+
699
+
td code,
700
+
th code {
701
+
padding: 0 0.125rem 0 0.125rem;
702
+
border-radius: 3px;
703
+
color: var(--text-light);
704
+
background-color: var(--bg-light);
705
+
}
706
+
707
+
tr:nth-child(even) td code {
708
+
background-color: var(--bg);
699
709
}
700
710
701
711
pre code {