Mirrors_Framework/awesome-python
1
0
Fork 0
mirror of https://github.com/vinta/awesome-python.git synced 2026-03-25 05:33:05 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(css): extract footer color values into CSS custom properties

Browse Source 
Hardcoded oklch() values in footer rules are replaced with named tokens
(--footer-bg, --footer-text, --footer-link, --footer-link-hover,
--footer-muted, --footer-sep) declared in :root. No visual change.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 16:26:27 +08:00
parent 7fa0a425dc
commit 3954a3e742
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/static/style.css
View File

@@ -33,6 +33,13 @@
--text-sm: 0.95rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--footer-bg: oklch(16% 0.025 35);
--footer-text: oklch(72% 0.02 75);
--footer-link: oklch(82% 0.02 75);
--footer-link-hover: oklch(95% 0.01 80);
--footer-muted: oklch(50% 0.02 55);
--footer-sep: oklch(55% 0.02 55);
}
html {
@@ -909,22 +916,22 @@ th[data-sort].sort-asc::after {
.footer {
margin-top: auto;
background: oklch(16% 0.025 35);
background: var(--footer-bg);
padding: 3rem var(--shell-pad);
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
font-size: var(--text-xs);
color: oklch(72% 0.02 75);
color: var(--footer-text);
}
.footer a {
color: oklch(82% 0.02 75);
color: var(--footer-link);
}
.footer a:hover {
color: oklch(95% 0.01 80);
color: var(--footer-link-hover);
text-decoration: underline;
text-decoration-color: oklch(95% 0.01 80 / 0.4);
text-underline-offset: 0.2em;
@@ -939,12 +946,12 @@ th[data-sort].sort-asc::after {
.footer-brand {
font-weight: 700;
letter-spacing: 0.03em;
color: oklch(82% 0.02 75);
color: var(--footer-link);
}
.footer-date {
font-size: var(--text-xs);
color: oklch(50% 0.02 55);
color: var(--footer-muted);
}
.footer-links {
@@ -953,7 +960,7 @@ th[data-sort].sort-asc::after {
}
.footer-sep {
color: oklch(55% 0.02 55);
color: var(--footer-sep);
}
.noscript-msg {