media query for non-touch devices

dewanshDT · dewanshDT · commit 4a0a33d9a87c · 2023-08-28T08:31:17.000+05:30
diff --git a/client/styles/base/_base.scss b/client/styles/base/_base.scss
@@ -7,9 +7,11 @@ body {
 	font-size: #{$base-font-size}px;
 }
 
-/*Scrollbar theming */
-/* width */
-@media (min-width: 550px) {
+
+/* Styles for non-touch devices */
+@media (hover: hover) and (pointer: fine) {
+	/*Scrollbar theming */
+	/* width */
 	::-webkit-scrollbar {
 		width: 10px;
 	}

Original file line number	Diff line number	Diff line change
`@@ -7,9 +7,11 @@ body {`
`7`	`7`	`font-size: #{$base-font-size}px;`
`8`	`8`	`}`
`9`	`9`
`10`		`-/Scrollbar theming /`
`11`		`-/* width */`
`12`		`-@media (min-width: 550px) {`
	`10`	`+`
	`11`	`+/* Styles for non-touch devices */`
	`12`	`+@media (hover: hover) and (pointer: fine) {`
	`13`	`+ /Scrollbar theming /`
	`14`	`+ /* width */`
`13`	`15`	`::-webkit-scrollbar {`
`14`	`16`	`width: 10px;`
`15`	`17`	`}`