@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

@layer utilities {
    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
}

@layer components {
    trix-editor {
        @apply prose lg:prose-xl -mx-2 px-2 max-w-none rounded-lg hover:border-gray-200 focus:border-gray-500 focus:outline-none;
    }

    trix-toolbar {
        @apply invisible group-hover:visible group-focus-within:visible;
    }
}