Skip to content
This repository was archived by the owner on May 9, 2023. It is now read-only.

Commit 73c13ae

Browse files
alistair3149richardthombs
authored andcommitted
fix(website): Only use styled scrollbar when screen is greater than 768px
1 parent 64301c7 commit 73c13ae

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed

website/src/styles.scss

+27
Original file line numberDiff line numberDiff line change
@@ -39,3 +39,30 @@ a:hover {
3939
color: deeppink;
4040
}
4141
}
42+
43+
/***** Scrollbar *****/
44+
@media (min-width: 768px) {
45+
html {
46+
--scrollbarBG: transparent;
47+
--thumbBG: rgba(255, 20, 147, 0.7);
48+
}
49+
50+
*::-webkit-scrollbar {
51+
width: 6px;
52+
height: 6px;
53+
}
54+
55+
* {
56+
scrollbar-width: thin;
57+
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
58+
}
59+
60+
*::-webkit-scrollbar-track {
61+
background: var(--scrollbarBG);
62+
}
63+
64+
*::-webkit-scrollbar-thumb {
65+
background-color: var(--thumbBG);
66+
border: 3px solid var(--scrollbarBG);
67+
}
68+
}

0 commit comments

Comments
 (0)