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

@layout-prefix-cls: ~"@{mkui-prefix}-layout";
@layout-drawer-prefix-cls: ~"@{layout-prefix-cls}-drawer";
.@{layout-drawer-prefix-cls} {
  background-color: #fff;
  margin: -24px; // 抵消drawer自身的padding
  &-content {
    height: 100%;
    padding: 24px 24px 50px 24px;
  }
  &-footer {
    position: absolute;
    bottom: 0;
    text-align: right;
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 24px;
    border-top: 1px solid @border-color-split;
    button {
      margin-left: 16px;
    }
  }
}