3 @unit_base_handler : @unit_base * 0.5;
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;
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;
34 background-position : center;
35 background-repeat : no-repeat;
36 .LESSborder-radius-all(5 * @unit_base_handler);
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;
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;
52 -----------------------------------------------------------------------------------------------------------*/
56 background-color : @color_scrollview_handler_bg;
59 .ui-handler-direction-y .ui-handler-thumb {
60 background-image : url("images/00_scroll_bar_handler.png");
63 .ui-handler-direction-x .ui-handler-thumb {
64 background-image : url("images/00_scroll_bar_handler_hor.png");