src/themes/tizen/common/jquery.mobile.tizen.progressbar.less

   1 @import "config.less";
   2
   3 @bar-height: 18 * @unit_base;
   4 @bar-margin: 21 * @unit_base;
   5
   6 @-webkit-keyframes ui-scale-animation {
   7         from {
   8                 -webkit-transform: scaleX(0);
   9         } to {
  10                 -webkit-transform: scaleX(1);
  11         }
  12 }
  13
  14 .ui-progressbar-value {
  15         height: 100%;
  16
  17         background-image: -webkit-gradient(
  18                 linear,
  19                 left bottom,
  20                 left top,
  21                 color-stop(0, @color_progress_value0),
  22                 color-stop(1, @color_progress_value1)
  23         );
  24         .LESSborder-radius-all( 10 * @unit_base );
  25 }
  26
  27 .ui-progressbar-bg {
  28         position: relative;
  29         overflow: hidden;
  30
  31         top: 5 * @unit_base;
  32         height: 7 * @unit_base;
  33         margin-left: 5 * @unit_base;
  34         margin-right: 5 * @unit_base;
  35
  36         .LESSborder-radius-all( 10 * @unit_base );
  37         border: 1px;
  38         border-style: solid;
  39         border-color: @color_progress_border;
  40         background-color: @color_progress_bar0;
  41 }
  42
  43 .ui-progressbar {
  44         position: relative;
  45         margin-top: 18 * @unit_base;
  46         margin-bottom: 18 * @unit_base;
  47         margin-left: @bar-margin;
  48         margin-right: @bar-margin;
  49         height: @bar-height;
  50
  51         background-image: -webkit-gradient(
  52                 linear,
  53                 left bottom,
  54                 left top,
  55                 color-stop(0, @color_progress_bar1),
  56                 color-stop(1, @color_progress_bar0)
  57         );
  58         .LESSbox-shadow(0px, 0px, 2px, @color_progress_shadow);
  59         .LESSborder-radius-all( 10 * @unit_base );
  60 }