amiirkhl/my-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: convert project sizing to scalable rem units with responsive root font scaling

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-06 13:58:17 +03:30
parent c7ef6dff3e
commit 9f14e9a4f4
12 changed files with 342 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/scenes/Scenes.module.css
View File

@@ -9,16 +9,20 @@
.heroScene {
z-index: 0;
background:
linear-gradient(to bottom, #c7edfb 0%, #dff5fc 47%, #f8faff 82%, var(--bg-page) 100%);
}
.heroScene::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to bottom, transparent 82%, var(--bg-page) 100%);
}
:global([data-theme="dark"]) .heroScene {
background:
radial-gradient(ellipse 48% 58% at 50% 45%, var(--bg-page) 0 44%, transparent 82%),
linear-gradient(to bottom, transparent 68%, var(--bg-page) 100%);
opacity: 0.76;
linear-gradient(to bottom, #071936 0%, #06142f 50%, #020e28 82%, var(--bg-page) 100%);
}
.heroScene canvas,