/**
 * 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;
	}

}