Skip to content

Commit

Permalink
Merge pull request #216 from YoshithaRathnayake/scroll-bar
Browse files Browse the repository at this point in the history
Add a scroll bar
  • Loading branch information
YoshithaRathnayake authored Nov 5, 2022
2 parents 87a5cbd + c6a05ea commit d4e56b8
Showing 1 changed file with 75 additions and 0 deletions.
75 changes: 75 additions & 0 deletions assets/css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,81 @@
@import url("http://fonts.cdnfonts.com/css/edo");


/* Custom Scroll Bar */

@media (min-width: 200px) and (max-width: 575px) {
::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #07090f;
}

::-webkit-scrollbar-track {
border: 5px solid rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #00ffbb, #2eaae1);
border-radius: 15px;
}
}

@media (min-width: 575.1px) and (max-width: 767px) {
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #07090f;
}

::-webkit-scrollbar-track {
border: 5px solid rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #00ffbb, #2eaae1);
border-radius: 15px;
}
}

@media (min-width: 767.1px) and (max-width: 991px) {
::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #07090f;
}

::-webkit-scrollbar-track {
border: 5px solid rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #00ffbb, #2eaae1);
border-radius: 15px;
}
}

@media (min-width: 991.1px) {
::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #07090f;
}

::-webkit-scrollbar-track {
border: 5px solid rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 2.5px 2 rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #00ffbb, #2eaae1);
border-radius: 15px;
}
}


/* Background Image */

.bg-img {
Expand Down

0 comments on commit d4e56b8

Please sign in to comment.