////////按钮////////
////按钮组////
.d-btn-group {
  position: relative;
  .sys-inline-block();
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px;
  .d-btn{
    position: relative;
    float: left;
    & + .d-btn{
      margin-left:-1px;
    }
  }
  & > .d-btn:first-child:not(:last-child){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  & > .d-btn:last-child:not(:first-child){
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  & > .d-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .caret{
    margin:0;
  }
}
// 块状按钮组
.btn-group-block{
  display: block;
}

////按钮容器////
.d-btn-container {
  margin: 0 -(@sys-padding-horizontal-xs / 2);
  & > .d-btn, & > .d-btn-group {
    margin: @sys-padding-horizontal-xs / 2;
  }
}

////按钮组垂直排列////
.d-btn-group-vertical{
  .d-btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    & + .d-btn{
      margin-left:0;
      margin-top:-1px;
    }
  }
  & > .d-btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  & > .d-btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

////对齐按钮组////
.d-btn-group-justify{
  .sys-flex();
  .sys-justify-content(space-between);
  .sys-align-items(center);
  & > .d-btn{
    margin-left: -1px;
    width: 100%;
    border-radius: 0 0 0 0;
    .sys-flex-grow(1);
  }
  & > .d-btn:first-child:not(:last-child){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  & > .d-btn:last-child:not(:first-child){
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  & > .d-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
}

////操作表组////
// .btn-group-action{
//   &:extend(.btn-group-block);
//   &:extend(.btn-group-vertical all);
//   margin-left:auto;
//   margin-right:auto;
//   max-width:280px;
// }


////情景////


////尺寸////