src/themes/tizen/common/jquery.mobile.tizen.scrollview.handler.less

   1 @import "config.less";
   2
   3 @unit_base_handler : @unit_base * 0.5;
   4
   5 .ui-handler {
   6         position : absolute;
   7         overflow : hidden;
   8         opacity: 0;
   9 }
  10
  11 .ui-handler-visible {
  12   opacity: 1;
  13 }
  14
  15 .ui-handler-direction-y {
  16         top : 10 * @unit_base_handler;
  17         right : 10 * @unit_base_handler;
  18         bottom : 10 * @unit_base_handler;
  19         width : 48 * @unit_base_handler;
  20 }
  21
  22 .ui-handler-direction-x {
  23         right : 10 * @unit_base_handler;
  24         bottom : 10 * @unit_base_handler;
  25         left : 10 * @unit_base_handler;
  26         height : 48 * @unit_base_handler;
  27 }
  28
  29 .ui-handler-track {
  30         position : relative;
  31         width : 100%;
  32         height : 100%;
  33 }
  34
  35 .ui-handler-thumb {
  36         position : absolute;
  37         top : 0;
  38         left : 0;
  39         background-position : center;
  40         background-repeat : no-repeat;
  41         .LESSborder-radius-all(5 * @unit_base_handler);
  42 }
  43
  44 .ui-handler-direction-y .ui-handler-thumb {
  45         width : 48 * @unit_base_handler;
  46         height : 214 * @unit_base_handler;
  47         background-size : 48 * @unit_base_handler       40 * @unit_base_handler;
  48 }
  49
  50 .ui-handler-direction-x .ui-handler-thumb {
  51         width : 214 * @unit_base_handler;
  52         height : 48 * @unit_base_handler;
  53         background-size : 40 * @unit_base_handler 48 * @unit_base_handler;
  54 }
  55
  56 /* S
  57 -----------------------------------------------------------------------------------------------------------*/
  58
  59 .ui-handler-s {
  60         .ui-handler-thumb {
  61                 background-color : @color_scrollview_handler_bg;
  62         }
  63
  64         .ui-handler-direction-y .ui-handler-thumb {
  65                 background-image : url("images/00_scroll_bar_handler.png");
  66         }
  67
  68         .ui-handler-direction-x .ui-handler-thumb {
  69                 background-image : url("images/00_scroll_bar_handler_hor.png");
  70         }
  71 }