kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-05-30 09:16:34 +02:00
Code Issues Projects Releases Wiki Activity

Make tap-targets bigger on mobile devices

Browse source
This commit is contained in:
Kevin Kandlbinder 2020-12-23 16:51:03 +01:00
parent 4fef22a30a
commit 45ed006faf
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/index.module.scss
View file

@ -9,6 +9,10 @@
overflow: hidden; overflow: hidden;
background: radial-gradient(ellipse at top left, #1f0ba659, transparent), radial-gradient(ellipse at bottom right, #4a086829, transparent); background: radial-gradient(ellipse at top left, #1f0ba659, transparent), radial-gradient(ellipse at bottom right, #4a086829, transparent);
@media(pointer: coarse), (pointer: none) {
min-height: 700px;
}
.profile { .profile {
position: relative; position: relative;
left: 50%; left: 50%;
@ -17,6 +21,8 @@
max-height: 400px; max-height: 400px;
transform: translate(-50%, 0%); transform: translate(-50%, 0%);
&:hover .profileImage { &:hover .profileImage {
@ -26,8 +32,6 @@
&:hover .profileImageDummy { &:hover .profileImageDummy {
transform: translate(-3px, 3px); transform: translate(-3px, 3px);
} }
.hello { .hello {
font-weight: 100; font-weight: 100;
@ -58,6 +62,11 @@
text-decoration: underline dotted rgba(0, 0, 0, 0); text-decoration: underline dotted rgba(0, 0, 0, 0);
padding: 6px 0 6px 25px; padding: 6px 0 6px 25px;
color: $textColor; color: $textColor;
@media(pointer: coarse), (pointer: none) {
padding-top: 15px;
padding-bottom: 15px;
}
} }
.contactLink:hover, .contactLink:active { .contactLink:hover, .contactLink:active {