src/widgets/common/less/jquery.mobile.widget.less

   1 @jquery-mobile-ui-widget-border-color:  #c7c7c7;
   2 @jquery-mobile-ui-widget-text-color: #9d9d9d;
   3 @jquery-mobile-ui-widget-body:               #fafafa;
   4 @jquery-mobile-ui-widget-left-border-width: 10px;
   5 @jquery-mobile-ui-widget-left-border-style: solid;
   6 @jquery-mobile-ui-widget-border-style: 1px solid;
   7 @jquery-mobile-ui-widget-left-border: @jquery-mobile-ui-widget-left-border-width @jquery-mobile-ui-widget-left-border-style @jquery-mobile-ui-widget-border-color;
   8
   9 .jquery-mobile-ui-widget {
  10     border-left:   @jquery-mobile-ui-widget-left-border;
  11     border-bottom: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color;
  12     background:    @jquery-mobile-ui-widget-body;
  13 }
  14
  15 .jquery-mobile-ui-widget-top {
  16     border-top:    @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color;
  17 }
  18
  19 .jquery-mobile-ui-label {
  20     position: relative;
  21     border-bottom: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color;
  22     height: 40px;
  23     .jquery-mobile-ui-label-text {
  24         font-family: sans-serif;
  25         font-size: 120%;
  26         position: absolute;
  27         text-align: left;
  28         vertical-align: bottom;
  29         color: @jquery-mobile-ui-widget-text-color;
  30         bottom: 0px;
  31         left: @jquery-mobile-ui-widget-left-border-width;
  32     }
  33 }
  34
  35 .rounded-corners (@radius: 5px) {
  36     border-radius: @radius;
  37     -webkit-border-radius: @radius;
  38     -moz-border-radius: @radius;
  39 }
  40
  41 .reset-rounded-corners {
  42     .rounded-corners (0px);
  43 }
  44
  45 .reset-border {
  46     border: 0;
  47 }
  48