From cc375dd9f3e5a9e60b7a7944492ab3fdfe0739e1 Mon Sep 17 00:00:00 2001 From: Vinicius Reif Biavatti Date: Wed, 11 Sep 2019 20:02:32 -0300 Subject: [PATCH] Created scroll bar variables --- src/components/scrollbar.scss | 6 +++--- src/variables.scss | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) 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;