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

@layer base {
  ul {
    @apply list-disc ml-4
  }

  .dashed-border {
    @apply border-dashed border-2 border-black
  }

  .shadow-border {
    @apply border-2 border-black shadow-flat
  }

  .inset-shadow-border {
    @apply border-2 border-black shadow-inset-flat
  }
}

@layer components {
  .admin-btn-primary {
    @apply flex justify-center items-center gap-1 bg-black text-white text-center px-4 py-2 cursor-pointer transition-shadow hover:shadow-flat hover:shadow-gray-400;
  }

  .admin-btn-secondary {
    @apply flex justify-center items-center gap-1 bg-white text-center border border-black px-4 py-2 cursor-pointer transition-shadow hover:shadow-flat hover:shadow-black;
  }

  .admin-btn-delete {
    @apply flex justify-center items-center gap-1 text-red-500 text-center border border-red-500 px-4 py-2 cursor-pointer transition-shadow hover:shadow-flat hover:shadow-red-300;
  }

  .btn-primary {
    @apply px-4 py-1 border border-2 border-black bg-black text-white cursor-pointer transition-shadow hover:shadow-flat hover:shadow-gray-400
  }

  .btn-secondary {
    @apply px-4 py-1 border border-2 border-black cursor-pointer hover:shadow-flat
  }

  .btn-old-school {
    @apply underline text-amerma-blue cursor-pointer hover:no-underline
  }

  .trix-content a {
    @apply underline text-amerma-blue cursor-pointer hover:no-underline
  }
}

@layer utilities {
  trix-editor {
    @apply rounded-none border-gray-200
  }

  .trix-button-group--file-tools,
  .trix-button-group--history-tools {
    display: none!important;
  }
}