@import  "coco-variables.scss";
.el-row{
  &.xxxl{
    $el-col-padding:30px;
    margin-left:-$el-col-padding; margin-right: -$el-col-padding; margin-bottom:$el-col-padding*2;
    &>.el-col{ padding-left: $el-col-padding; padding-right: $el-col-padding;}
  }
  &.xxl{
    $el-col-padding:25px;
    margin-left:-$el-col-padding; margin-right: -$el-col-padding; margin-bottom:$el-col-padding*2;
    &>.el-col{ padding-left: $el-col-padding; padding-right: $el-col-padding;}
  }
  &.xl{
    $el-col-padding:20px;
    margin-left:-$el-col-padding; margin-right: -$el-col-padding; margin-bottom:$el-col-padding*2;
    &>.el-col{ padding-left: $el-col-padding; padding-right: $el-col-padding;}
  }
  &.md{
    $el-col-padding:15px;
    margin-left:-$el-col-padding; margin-right: -$el-col-padding; margin-bottom:$el-col-padding*2;
    &>.el-col{ padding-left: $el-col-padding; padding-right: $el-col-padding;}
  }
  &.sm{
    $el-col-padding:8px;
    margin-left:-$el-col-padding; margin-right: -$el-col-padding; margin-bottom:$el-col-padding*2;
    &>.el-col{ padding-left: $el-col-padding; padding-right: $el-col-padding;}
  }
  &.xs{
    $el-col-padding:5px;
    margin-left:-$el-col-padding; margin-right: -$el-col-padding; margin-bottom:$el-col-padding*2;
    &>.el-col{ padding-left: $el-col-padding; padding-right: $el-col-padding;}
  }
  &:last-child{ margin-bottom: 0!important;}
  
  &.fit>.el-col{ height: 100%;}
}