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

feat: render responsive low-poly hero landscape

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-05 17:16:22 +08:00
parent 1bfb78479a
commit 637da07c9e
7 changed files with 337 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/globals.css
View File

@@ -142,7 +142,12 @@ body {
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
transition:
color var(--motion-duration-fast) ease,
background-color var(--motion-duration-fast) ease,
border-color var(--motion-duration-fast) ease,
box-shadow var(--motion-duration-default) ease,
transform var(--motion-duration-fast) var(--motion-ease-out);
border: 1px solid transparent;
}

4
src/styles/tokens.css
View File

@@ -81,6 +81,10 @@
--line-height-label-small: 18px;
--line-height-button: 20px;
--letter-spacing-eyebrow: 0.16em;
--motion-duration-fast: 140ms;
--motion-duration-default: 200ms;
--motion-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
--motion-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
/* Semantic Tokens (Light) */
--bg-page: #FFFFFF;