@import "config.less";
+@unit_base_handler : @unit_base * 0.5;
+
.ui-handler {
position : absolute;
overflow : hidden;
}
.ui-handler-y {
- top : 10 * @unit_base;
- right : 10 * @unit_base;
- bottom : 10 * @unit_base;
- width : 48 * @unit_base;
+ top : 10 * @unit_base_handler;
+ right : 10 * @unit_base_handler;
+ bottom : 10 * @unit_base_handler;
+ width : 48 * @unit_base_handler;
}
.ui-handler-x {
- right : 10 * @unit_base;
- bottom : 10 * @unit_base;
- left : 10 * @unit_base;
- height : 48 * @unit_base;
+ right : 10 * @unit_base_handler;
+ bottom : 10 * @unit_base_handler;
+ left : 10 * @unit_base_handler;
+ height : 48 * @unit_base_handler;
}
.ui-handler-track {
background-color : @color_scrollview_handler_bg;
background-position : center;
background-repeat : no-repeat;
- .LESSborder-radius-all(5 * @unit_base);
+ .LESSborder-radius-all(5 * @unit_base_handler);
}
.ui-handler-y .ui-handler-thumb {
- width : 48 * @unit_base;
- height : 214 * @unit_base;
+ width : 48 * @unit_base_handler;
+ height : 214 * @unit_base_handler;
background-image : url("images/00_scroll_bar_handler.png");
- background-size : 48 * @unit_base 40 * @unit_base;
+ background-size : 48 * @unit_base_handler 40 * @unit_base_handler;
}
.ui-handler-x .ui-handler-thumb {
- width : 214 * @unit_base;
- height : 48 * @unit_base;
+ width : 214 * @unit_base_handler;
+ height : 48 * @unit_base_handler;
background-image : url("images/00_scroll_bar_handler_hor.png");
- background-size : 40 * @unit_base 48 * @unit_base;
+ background-size : 40 * @unit_base_handler 48 * @unit_base_handler;
}