ThinkAdmin/public/static/theme/css/_layout_white.less

@charset "UTF-8";
@import "_config.less";

.layui-layout-theme-white {
  &.layui-layout-left-mini {
    > .layui-side .layui-side-target:before {
      transform: rotate(0deg);
    }
  }

  > .layui-header {
    background: none !important;

    .layui-nav-item {
      &.layui-this > a {
        color: #098 !important;
        font-weight: bold;
        background: none !important;
      }

      > a {
        color: #333 !important;

        &:hover {
          color: #098 !important;
          background: none !important;
        }
      }
    }
  }

  > .layui-body {
    > .think-page-body > .layui-card > .layui-card-header {
      box-sizing: border-box;
      box-shadow: none !important;
      border-bottom: @TopHeaderBottomLine;
    }
  }

  .layui-side {
    background-color: #fff !important;

    .layui-logo {
      color: #333;
      box-shadow: none;
      font-weight: bold;
    }

    .layui-side-scroll {
      display: flex !important;
      box-sizing: border-box;
      border-right: @TopHeaderBottomLine;

      .layui-side-icon {
        width: 60px;
        display: none;
        background: #fff;

        a {
          height: 60px;
          display: block;
          text-align: center;
          line-height: 60px;
        }

        .layui-icon {
          color: #999;
        }

        > .layui-this {
          background: #fff;

          .layui-icon {
            color: #098 !important;
          }
        }
      }

      .layui-side-tree {
        flex: 1;

        .layui-nav-item {
          background: none !important;
          border-bottom-color: #fff;

          a {
            color: #333 !important;
            background: none !important;
            border-bottom: none !important;

            &:hover {
              color: #098 !important;
            }
          }

          .layui-this, &.layui-this {
            > a {
              color: #098 !important;
              background: none !important;
              font-weight: bold !important;

              &:hover {
                background: none !important;
              }
            }
          }

          &ed > a {
            color: #999 !important;
          }
        }
      }
    }
  }
}