@import "../../style/themes/default";
@import "../../style/mixins/index";

@layout-prefix-cls: ~"@{mk-prefix}-layout";
@layout-list-prefix-cls: ~"@{layout-prefix-cls}-list";
.@{layout-list-prefix-cls} {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  &-header {
    padding: 0 @layout-detail-horiz-padding;
    height: @layout-detail-head-height;
    line-height: @layout-detail-head-height;
    overflow: hidden;
    background-color: @background-color-light;
  }
  &-content {
    flex: auto;
    display: flex;
    flex-direction: column;
    &-filter {
      vertical-align: top;
    }
    &-toolbar {
      padding: 0 @layout-detail-horiz-padding;
      height: @layout-toolbar-height;
      line-height: @layout-toolbar-height;
      > button {
        margin-right: @layout-toolbar-button-gutter;
      }
    }
    &-table {
      flex: auto;
    }
  }
}