Export 0.1.63
[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.tizen.scrollview.handler.less
index 273ded2..0b5853e 100755 (executable)
@@ -1,22 +1,24 @@
 @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;
 }