@import './normalize.css';
@import './base.css';
@import '../common/var.css';

@component-namespace app {
  @b wrap {
    overflow: hidden;
    height: 100%;
    color: var(--font-color);
  }
  @b nav {
    float: left;
    width: 200px;
    height: 100%;
    background: var(--color-base-white);
    @e item {
      line-height: 30px;
      padding-left: 30px;
      cursor: pointer;
      &:hover {
        color: var(--link-color-hover);
      }
      @when active {
        color: var(--link-color-hover);
      }
    }
  }

  @b view {
    float: left;
    margin-left: 20px;
  }
}

