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

   1 @mixin trigger($type, $image){
   2         .x-form-#{$type}-trigger{
   3                 @include background-image(linear-gradient(bla(.2), bla(0)), $gloss-gradient, $image);
   4         }
   5 }
   6
   7 .x-form-trigger-wrap{
   8         float:left;
   9         @include box-shadow(0 1px 0 0 wha(.35));
  10         overflow:hidden;
  11         border:1px solid #000;
  12         border-left:0;
  13         @include border-radius(0 4px 4px 0);
  14 }
  15
  16 .x-form-trigger-wrap{
  17         .x-form-spinner-up{
  18                 height:10px;
  19                 @include border-radius(0 3px 0 0);
  20                 background:#666 theme-image($theme-name,'triggericons/spinner-up.png') center top no-repeat;
  21                 border-bottom:1px solid #444;
  22                 &-over{
  23                         background-color:#999;
  24                 }
  25         }
  26         .x-form-spinner-down{
  27                 height:9px;
  28                 border-top:none;
  29                 @include border-radius(0 0 3px 0);
  30                 background:#555 theme-image($theme-name,'triggericons/spinner-down.png') center top no-repeat;
  31                 border-top:1px solid #888;
  32                 &-over{
  33                         background-color:#888;
  34                         border-color:#888;
  35                 }
  36         }
  37 }
  38 .x-form-trigger-wrap-focus{
  39         .x-form-spinner-up{
  40                 background-color:#999;
  41         }
  42         .x-form-spinner-down{
  43                 background-color:#888;
  44         }
  45 }
  46
  47 .x-form-trigger-wrap-focus{
  48         .x-form-trigger{
  49                 background-color:#AAA;
  50                 border-color:#AAA;
  51                 &-click{
  52                         background-color:#888;
  53                         border-color:#888;
  54                 }
  55         }
  56 }
  57
  58 .x-form-trigger{
  59         @include border-radius(0 3px 3px 0);
  60         width:16px;
  61         height:19px;
  62         float:left;
  63         background-color:#666;
  64         border:1px solid #666;
  65         &-over{
  66                 background-color:#AAA;
  67                 border-color:#AAA;
  68         }
  69         &-click{
  70                 background-color:#888;
  71                 border-color:#888;
  72         }
  73 }
  74
  75
  76 .x-form-clear-trigger{
  77         @include border-radius(0);
  78         border-right-color:#888;
  79 }
  80
  81 @include trigger(arrow, theme-image($theme-name,'triggericons/chev.png'));
  82 @include trigger(time, theme-image($theme-name,'triggericons/time.png'));
  83 @include trigger(date, theme-image($theme-name,'triggericons/date.png'));
  84 @include trigger(clear, theme-image($theme-name,'triggericons/clear.png'));
  85 @include trigger(search, theme-image($theme-name,'triggericons/search.png'));