TailwindCSS 和 less 的结合使用

@import "./mixin.less";

.page-wrapper.home {
  @apply relative top-0 w-full h-screen overflow-y-auto;
  background-color: #f6f5f4;

  > .page-container {
    @apply relative w-full min-h-screen mx-auto flex flex-row justify-center items-start;

    >.sidebar-wrapper{
      @apply flex-shrink-0;
    }

    > .memos-wrapper {
      @apply relative w-full max-w-2xl min-h-full overflow-x-hidden flex flex-col justify-start items-start px-4 sm:pr-6;

    }
  }
}

使用关键字 @apply 定义tailwindcss的类名