// 
// @TODO: Add docs to easy-slider-numeric!
//
@mixin easy-slider-numeric($width, $height, $selector:'#slider') {
  #{$selector} {
    & ul, & li {
      margin:0;
      padding:0;
      list-style:none;
      }
    & li { 
    	width:$width;
    	height:$height;
    	overflow:hidden; 
    }
  }
  @include _numeric-controls();
}

// You can override this function to alter the appearance of the numeric controls.
@mixin _numeric-controls() {
  #controls{
  	margin:10px 0;
  	line-height:28px;
  	list-style:none;
  	text-align:right;
  	li {
  	  @include inline-block;
    	margin:0 0 0 10px;
    }
    .current a {
			background:#FFFFFF;
			color:#C80111;
			@include box-shadow(0px 0px 3px #B2B2B2);
			padding:6px 11px; // Simulate "hover"
    }
    a {
      padding:5px 10px;
      background:#F5F5F5;
  		border: 1px solid #AEAEAE;
  		color: #7F7F7F;
    }
  }
}