Disable hover for touch devices

package.json

@@ -5,16 +5,9 @@
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1"
 	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/dreit-p/soundstage.git"
-	},
 	"keywords": [],
 	"author": "",
 	"license": "ISC",
-	"bugs": {
-		"url": "https://github.com/dreit-p/soundstage/issues"
-	},
 	"browserslist": [
 		"last 2 Chrome versions",
 		"last 7 Firefox versions",
@@ -23,7 +16,6 @@
 		"Edge 16",
 		"last 5 iOS versions"
 	],
-	"homepage": "https://www.soundstage.fm/",
 	"description": "",
 	"devDependencies": {
 		"@babel/core": "^7.7.0",

src/components/appeal/appeal.scss

@@ -48,10 +48,12 @@ article.appeal {
 			transform: translateY(calc(100% - 4px));
 			transition: transform .3s;
 		}
-		&:hover {
-			&:after {
-				transition-duration: .2s;
-				transform: translateY(0px);
+		@media (hover: hover) and (pointer: fine) {
+			&:hover {
+				&:after {
+					transition-duration: .2s;
+					transform: translateY(0px);
+				}
 			}
 		}
 	}

src/components/cases/cases.scss

@@ -62,7 +62,7 @@ article.cases {
 				opacity: 0;
 				transition: transform .4s, opacity .4s;
 			}
-			@media (min-width: 951px) {
+			@media (min-width: 951px) and (hover: hover) and (pointer: fine) {
 				&:hover {
 					.description {
 						opacity: 1;

src/components/footer/footer.scss

@@ -140,10 +140,12 @@ footer.main-footer {
 					transform: rotate(-90deg) translateX(70%);
 				}
 			}
-			&:hover {
-				color: hsl(281 70% 70% / 1);
-				.arrow {
-					transform: translateX(5px);
+			@media (hover: hover) and (pointer: fine) {
+				&:hover {
+					color: hsl(281 70% 70% / 1);
+					.arrow {
+						transform: translateX(5px);
+					}
 				}
 			}
 		}
@@ -181,8 +183,10 @@ footer.main-footer {
 						width: 30px;
 						height: 30px;
 					}
-					&:hover {
-						color: hsl(281 70% 70% / 1);
+					@media (hover: hover) and (pointer: fine) {
+						&:hover {
+							color: hsl(281 70% 70% / 1);
+						}
 					}
 				}
 			}

src/components/modals/contents/menu.scss

@@ -77,8 +77,10 @@
 				text-decoration: none;
 				padding: 6px 0;
 				margin: 6px 0;
-				&:hover {
-					text-decoration: underline;
+				@media (hover: hover) and (pointer: fine) {
+					&:hover {
+						text-decoration: underline;
+					}
 				}
 			}
 		}

src/components/ui-elems/buttons.scss

@@ -36,11 +36,13 @@
 		opacity: 1;
 		transition: transform .3s, opacity .3s;
 	}
-	&:hover {
-		&:after {
-			opacity: .4;
-			transform: translateX(-100%);
-			transition-timing-function: ease-out;
+	@media (hover: hover) and (pointer: fine) {
+		&:hover {
+			&:after {
+				opacity: .4;
+				transform: translateX(-100%);
+				transition-timing-function: ease-out;
+			}
 		}
 	}
 }