/*
 *  因为 mpvue 对于 vue 组件暂不支持 Slot，
 *  所以部分组件以全局样式的形式提供支持。
 */
@import "base/fn";
@import "widget/weui-flex/weui-flex";
@import "widget/weui-panel/weui-panel";
@import "widget/weui-tab/weui-tab";

// cells
.weui-cells {
  position: relative;
  margin-top: @weuiCellsMarginTop;
  background-color: @weuiCellBg;
  line-height: @weuiCellLineHeight;
  font-size: @weuiCellFontSize; //cell中间有效高度23px，跟客户端默认图标尺寸一致
  &:before {
    .setTopLine(@weuiCellBorderColor);
  }
  &:after {
    .setBottomLine(@weuiCellBorderColor);
  }
}
.weui-cells__title {
  margin-top: .77em; // 15px - 行高
  margin-bottom: .3em; // 8px - 行高
  padding-left: @weuiCellGapH;
  padding-right: @weuiCellGapH;
  color: @weuiTextColorGray;
  font-size: @weuiCellTipsFontSize;
}
.weui-cells_after-title{
  margin-top: 0;
}

.weui-cells__tips {
  margin-top: .3em; // 8px - 行高
  color: @weuiTextColorGray;
  padding-left: @weuiCellGapH;
  padding-right: @weuiCellGapH;
  font-size: @weuiCellTipsFontSize;
}

// button
.weui-btn-area{
  margin: @weuiCellsMarginTop @weuiBtnDefaultGap .3em;
  .weui-btn{
    margin-top: @weuiBtnDefaultGap;
  }
}