src/widgets/swipelist/less/swipelist.less

   1 @swipelistitem-width:480px;
   2 @swipelistitem-height:80px;
   3 @onelinelist-height:70px;
   4 @border-radius:8px;
   5 @margin:10px;
   6
   7 .ui-swipelist {
   8     list-style-type: none;
   9 }
  10
  11 .ui-swipelistitem {
  12     width:@swipelistitem-width;
  13     height:@swipelistitem-height;
  14     background:url(images/00_sweep_list_bg.png);
  15 }
  16
  17 .ui-swipelistitemcontainer {
  18     overflow:hidden;
  19     position:relative;
  20     width:@swipelistitem-width;
  21     height:@swipelistitem-height;
  22
  23     .ui-swipelistitemcover {
  24         position: absolute;
  25         top:0;
  26         left:0;
  27         background:url(images/00_sweep_list_bg.png);
  28         width:100%;
  29         height:100%;
  30         text-align: center;
  31     }
  32
  33     .ui-swipelistitemcontent{
  34         text-align: center;
  35         position: absolute;
  36         width: 460px;
  37         height: 38px;
  38         margin-bottom: 7px;
  39         margin-left:@margin;
  40         margin-right:@margin;
  41         margin-top:35px;
  42         border:0;
  43         .ui-buttonlayout{
  44             margin-right:@margin;
  45             border:0px;
  46             height:38px;
  47             width:215px;
  48             text-align: center;
  49             border-radius:@border-radius;
  50             -webkit-border-radius:@border-radius;
  51         }
  52
  53         .ui-swipebuttonlast{
  54             width:225px;
  55             margin-right:0px;
  56         }
  57
  58         .ui-threebuttonlayout{
  59             width:137px;
  60             .ui-swipebuttonlast{
  61                 width:147px;
  62             }
  63         }
  64
  65         .ui-centrebutton{
  66             width:136px;
  67         }
  68
  69         .ui-fourbuttonlayout{
  70             width:101px;
  71             margin-right:8px;
  72             .ui-swipebuttonlast{
  73                 width:109px;
  74             }
  75         }
  76     }
  77 }
  78
  79 .ui-onelinelist {
  80     height:@onelinelist-height;
  81     .ui-swipelistitemcontainer{
  82         height:@onelinelist-height;
  83     }
  84     .ui-swipelistitemcontent{
  85         margin-top:28px;
  86         margin-bottom:4px;
  87     }
  88 }
  89
  90