mirror of
https://github.com/Unkn0wnCat/KevinK.dev.js.git
synced 2025-05-29 00:36:36 +02:00
Make tap-targets bigger on mobile devices
This commit is contained in:
parent
4fef22a30a
commit
45ed006faf
1 changed files with 11 additions and 2 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue