Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Add scaling on hover for Quick Links; A bit of clean up.

Browse Source
This commit is contained in:
Cutieguwu
2025-07-23 21:58:33 -04:00
parent 9f13c31424
commit 93ecade2f4
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/partials/_common.scss
View File

@@ -43,6 +43,7 @@
--white-3: #f5f5f5ff; --white-3: #f5f5f5ff;
--font-size-generic: 1.85vh; --font-size-generic: 1.85vh;
--font-family-generic: "Liberation Sans", Arial, Sans-Serif; --font-family-generic: "Liberation Sans", Arial, Sans-Serif;
--font-family-title: "Liberation Serif", Arial, Sans-Serif; --font-family-title: "Liberation Serif", Arial, Sans-Serif;
@@ -60,6 +61,7 @@
--transition-cut: none; --transition-cut: none;
--transform-scale-x: scaleX(1.15); --transform-scale-x: scaleX(1.15);
--transform-scale-y: scaleY(1.15);
body { body {
background-color: var(--background-0); background-color: var(--background-0);
@@ -93,10 +95,6 @@ a {
font-family: var(--font-family-generic); font-family: var(--font-family-generic);
} }
p {
font-family: var(--font-family-generic);
}
ion-icon { ion-icon {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;

7
src/partials/_nav_quick_links.scss
View File

@@ -22,6 +22,8 @@
width: var(--item-size); width: var(--item-size);
height: var(--item-size); height: var(--item-size);
transition: var(--transition-fade);
ion-icon { ion-icon {
/* /*
To colour the icons, apply inline styling. To colour the icons, apply inline styling.
@@ -35,4 +37,9 @@
border-radius: var(--border-radius-leaf); border-radius: var(--border-radius-leaf);
} }
} }
a:hover {
transition: var(--transition-cut);
transform: var(--transform-scale-x) var(--transform-scale-y);
}
} }