cupadev
/
cms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: apply seo agent improvements to src/app/globals.css

This commit is contained in:
cupadev-admin 2026-03-09 20:55:09 +00:00
parent dfa4d9db48
commit 15b3869a91
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/globals.css
View File

@ -4,27 +4,34 @@
@layer base { @layer base {
:root { :root {
--color-brand: #3b82f6; --color-bg: #ffffff;
--color-brand-dark: #1d4ed8; --color-text: #0f172a;
} }
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
*, body {
*::before, @apply bg-white text-slate-900 antialiased;
*::after { }
box-sizing: border-box;
/* Accessible focus ring for all interactive elements */
:focus-visible {
outline: 2px solid #3b82f6;
outline-offset: 2px;
} }
} }
@layer components { @layer components {
/* Skip-to-content link — visually hidden until focused */
.skip-link { .skip-link {
@apply absolute -top-full left-0 z-50 bg-blue-600 text-white px-4 py-2 text-sm font-medium rounded-br-md; @apply absolute left-0 top-0 z-50 bg-blue-600 text-white px-4 py-2 text-sm font-medium rounded-br;
transform: translateY(-100%);
transition: transform 0.2s ease;
} }
.skip-link:focus { .skip-link:focus {
@apply top-0; transform: translateY(0%);
} }
} }