cartodb/perfect-scrollbar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Define the used colors as variables

Browse Source
This commit is contained in:
DanielApt 2014-12-16 13:21:16 +00:00
parent b927c177ca
commit 373838d825
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/perfect-scrollbar.scss
View File

@ -1,3 +1,8 @@
// Colors
$ps-rail-hover: #eee;
$ps-bar-default: #aaa;
$ps-bar-hover: #999;
// Helper mixins // Helper mixins
@mixin opacity($o) { @mixin opacity($o) {
$IEValue: $o * 100; $IEValue: $o * 100;
@ -30,19 +35,19 @@
} }
@mixin scrollbar-rail-hover { @mixin scrollbar-rail-hover {
background-color: #eee; background-color: $ps-rail-hover;
@include opacity(0.9); @include opacity(0.9);
} }
@mixin scrollbar-default { @mixin scrollbar-default {
position: absolute; /* please don't change 'position' */ position: absolute; /* please don't change 'position' */
background-color: #aaa; background-color: $ps-bar-default;
@include border-radius(4px); @include border-radius(4px);
@include transition(background-color .2s linear); @include transition(background-color .2s linear);
} }
@mixin scrollbar-hover { @mixin scrollbar-hover {
background-color: #999; background-color: $ps-bar-hover;
} }
@mixin in-scrolling { @mixin in-scrolling {