diff --git a/src/components/scrollbar.scss b/src/components/scrollbar.scss index 77c62fe..8b1fab8 100644 --- a/src/components/scrollbar.scss +++ b/src/components/scrollbar.scss @@ -5,14 +5,14 @@ width: 10px; } ::-webkit-scrollbar-track { - background-image: url(images/scroll-cyan.png); + background-image: $scroll-default-image; background-repeat: repeat; } ::-webkit-scrollbar-thumb { - background-color: rgb(0, 168, 168);; + background-color: $scroll-default-color; } ::-webkit-scrollbar-thumb:hover { - background-color: rgb(0, 168, 168);; + background-color: $scroll-default-color; } /* Styles */ diff --git a/src/variables.scss b/src/variables.scss index 5e2a58e..fcccf5f 100644 --- a/src/variables.scss +++ b/src/variables.scss @@ -31,8 +31,8 @@ $medium-and-down: "only screen and (max-width : #{$medium-screen})"; $medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})"; /* Scrool */ -$scrool-image: url(images/scroll.png); -$scrool-color: rgb(0, 168, 168); +$scroll-default-image: url(images/scroll-cyan.png); +$scroll-default-color: rgb(0, 168, 168); /* Grid */ $num-cols: 12;