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-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-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-color : @color_scrollview_handler_bg;
  35         background-position : center;
  36         background-repeat : no-repeat;
  37         .LESSborder-radius-all(5 * @unit_base_handler);
  38 }
  39
  40 .ui-handler-y .ui-handler-thumb {
  41         width : 48 * @unit_base_handler;
  42         height : 214 * @unit_base_handler;
  43         background-image : url("images/00_scroll_bar_handler.png");
  44         background-size : 48 * @unit_base_handler       40 * @unit_base_handler;
  45 }
  46
  47 .ui-handler-x .ui-handler-thumb {
  48         width : 214 * @unit_base_handler;
  49         height : 48 * @unit_base_handler;
  50         background-image : url("images/00_scroll_bar_handler_hor.png");
  51         background-size : 40 * @unit_base_handler 48 * @unit_base_handler;
  52 }