polestar-ui-kit/styles/themes/polestar/components/form.less

## Install

@btn-prefix-cls: ~"@{ant-prefix}-btn";
@ps-form-prefix-cls: ~"@{polestar-prefix}-form";
@ps-group-prefix-cls: ~"@{polestar-prefix}-group";

.@{ps-form-prefix-cls} {
  &-body {
    flex-grow: 1;
    .@{ps-group-prefix-cls} {
      &-header {
        font-size: @form-header-font-size;
        & > a {
          color: @gray-6;
        }
      }
    }
  }
  &-box {
    //background-color: white;
    // display: flex;
    flex-grow: 1;
  }
  &-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  &-navigation {
    flex-basis: 170px;
    flex-shrink: 0;
    padding-top: 10px;
    ul {
      position: fixed;
      list-style: none;
      margin: 0;
      padding: 0;
      li {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        line-height: 2;

        a {
          padding-left: 16px;
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #314659;
          border-left: 1px solid transparent;
        }

        a.selected {
          border-color: #1890ff;
          color: #1890ff;
        }

        a:hover {
          border-color: #3c9ef9;
          color: #3c9ef9;
        }
      }
    }
  }
  &-header {
    display: flex;
    background: #fff;
    padding: 5px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    &-icon {
      margin-right: 4px;
    }
    &-left {
      display: flex;
      align-items: center;
      padding-left: 10px;
      flex-wrap: wrap;
    }
    &-right {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  }
  
  &-footer {
    display: flex;
    background: #fff;
    padding: 5px;
    justify-content: flex-end;
    flex-wrap: wrap;

    &-right {
      display: flex;
      align-items: center;
      padding-left: 10px;
      flex-wrap: wrap;

      & > .@{btn-prefix-cls} {
        background: transparent;
        color: rgba(0, 0, 0, 0.65);
        font-size: 12px;
      }
    }
  }
  &-title {
    margin-right: 10px;
  }
}