/** * Tinyscrollbar skin * * @author Splitfire based on http://baijs.nl/tinyscrollbar/ * @version 1.0 - 10/06/2013 */ // // // Var // css prefix $prefix : 'tinyscroll_'; // width of tinyscrollbar container $widthScrollBarContainer : 10px; // width of tinyscrollbar $widthScrollBar : 4px; // // Container .tinyscroll { clear: both; // // Content & .#{$prefix}viewport { overflow: hidden; position: relative; & .#{$prefix}overview { width: 100%; position: absolute; left: 0; top: 0; } } // // Scrollbar & .#{$prefix}scrollbar { position: relative; float: right; width: $widthScrollBarContainer; & .#{$prefix}track { background-color: transparent; height: 100%; width: $widthScrollBarContainer; position: relative; padding: 0; } & .#{$prefix}thumb { height: 20px; width: $widthScrollBar; margin-left: ($widthScrollBarContainer - $widthScrollBar) / 2; cursor: pointer; overflow: hidden; position: absolute; top: 0; @include border-radius(2px); background-color: #DCDCDC; & .#{$prefix}end { overflow: hidden; height: 5px; width: $widthScrollBar; background-color: #DCDCDC; } } } // // Tools & .#{$prefix}disable .#{$prefix}track { display: none; } & .#{$prefix}noSelect { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } }