philo/contrib/gilbert/static/gilbert/murano/sass/murano/components/form/_slider.scss

   1 .x-slider{
   2         border:1px solid #000;
   3         @include border-radius(6px);
   4         background:#333;
   5         overflow:hidden;
   6         position:relative;
   7 }
   8
   9 .x-slider-thumb{
  10         height:8px;
  11         width:8px;
  12         @include border-radius(5px);
  13         border:1px solid #DDD;
  14         @include background(linear-gradient(#AAA, #CCC));
  15         position:absolute;
  16         @include box-shadow(0 0 3px 0 bla(.35))
  17 }
  18
  19 .x-slider-horz{
  20         @include box-shadow(0 1px 0 0 wha(.15), 0 2px 5px 0 bla(.25) inset);
  21         height:10px;
  22         .x-slider-end{
  23                 padding-right:12px;
  24                 height:10px;
  25         }
  26         .x-slider-inner{
  27                 height:10px;
  28         }
  29         .x-slider-thumb{
  30                 margin-left:5px;
  31         }
  32 }
  33
  34 .x-slider-vert{
  35         @include box-shadow(1px 0 0 0 wha(.15), 2px 0 5px 0 bla(.25) inset);
  36         width:10px;
  37         .x-slider-inner{
  38                 width:10px;
  39         }
  40         .x-slider-end{
  41                 padding-bottom:10px;
  42                 width:10px;
  43         }
  44         .x-slider-thumb{
  45                 margin-top:4px;
  46                 margin-bottom:4px;
  47         }
  48 }