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