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

@layout-prefix-cls: ~"@{mk-prefix}-layout";
@layout-workspace-prefix-cls: ~"@{layout-prefix-cls}-workspace";
.@{layout-workspace-prefix-cls} {
  display: flex;
  flex-direction: row;
  height: 100%;
  &-side {
    flex: 0 0 @layout-workspace-side-menu-width;
    max-width: @layout-workspace-side-menu-width;
    min-width: @layout-workspace-side-menu-width;
    width: @layout-workspace-side-menu-width;
    background-color: @layout-side-menu-background-color;
    padding-top: 50px;
  }
  &-content {
    flex-grow: 1;
    margin-left: 5px;
    overflow-x: hidden;
    box-shadow: -2px 0 6px rgba(0, 0, 0, .2);
  }
}