kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-05-29 00:36:36 +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;
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 {
position: relative;
left: 50%;
@ -17,6 +21,8 @@
max-height: 400px;
transform: translate(-50%, 0%);
&:hover .profileImage {
@ -26,8 +32,6 @@
&:hover .profileImageDummy {
transform: translate(-3px, 3px);
}
.hello {
font-weight: 100;
@ -58,6 +62,11 @@
text-decoration: underline dotted rgba(0, 0, 0, 0);
padding: 6px 0 6px 25px;
color: $textColor;
@media(pointer: coarse), (pointer: none) {
padding-top: 15px;
padding-bottom: 15px;
}
}
.contactLink:hover, .contactLink:active {