RanchiMall/projectb
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed scrollbar styling

Browse Source
This commit is contained in:
sairaj mote 2023-06-24 03:25:21 +05:30
parent c396449926
commit b7f33e6179
3 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/main.css
View File

@ -703,6 +703,17 @@ section:nth-of-type(2) {
} }
} }
@media screen and (any-hover: hover) { @media screen and (any-hover: hover) {
::-webkit-scrollbar {
width: 0.5rem;
height: 0.5rem;
}
::-webkit-scrollbar-thumb {
background: rgba(var(--text-color), 0.3);
border-radius: 1rem;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(var(--text-color), 0.5);
}
#main_header ul a:hover::after { #main_header ul a:hover::after {
width: 1rem; width: 1rem;
} }

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
css/main.scss
View File

@ -642,6 +642,19 @@ section {
} }
} }
@media screen and (any-hover: hover) { @media screen and (any-hover: hover) {
::-webkit-scrollbar {
width: 0.5rem;
height: 0.5rem;
}
::-webkit-scrollbar-thumb {
background: rgba(var(--text-color), 0.3);
border-radius: 1rem;
&:hover {
background: rgba(var(--text-color), 0.5);
}
}
#main_header { #main_header {
ul { ul {
a:hover { a:hover {