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

/*

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

*/

@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;
    }
}