summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/vendor/easy-slider/_numeric.scss
blob: db61e788631e4f2233c52a23263b936e3290c9a5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// 
// @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;
    }
  }
}