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

@import './select2';
@import './flatpickr';
@import './markdown';
@import './sortablejs';
@import './milkdown';
@import './pagy.tailwind';
@import './_components/all';

/* :empty does't work if element has any text */

.btn-tertiary {
  @apply btn-dash;
}

.btn-danger {
  @apply btn-error;
}

.btn-cancel {
  @apply btn-neutral;
}

.hide-if-empty:not(:has(:first-child)) {
  display: none;
}

[data-is-issue-search-match="false"] {
  display: none;
}

.card {
  @apply p-5 bg-base-200 border border-primary rounded-sm shadow-sm;
}

.input-primary,
input.input-primary,
.flatpickr-input.input-primary {
  @apply w-full rounded-lg border border-base-300 px-3 bg-base-100 text-base-content py-2 placeholder:text-base-content/70 hover:border-base-300 focus:border-primary;
}

.input-contrast,
input.input-contrast,
.flatpickr-input.input-contrast {
  @apply w-full rounded-lg border border-base-300 px-3 bg-base-200 text-base-content py-2 placeholder:text-base-content/70 hover:border-base-300 focus:border-primary;
}

.input-with-icon-wrapper .icon-wrapper {
  @apply text-base-content;
}

.input-sm {
  @apply py-2 text-xs;
}

.label-primary {
  @apply block text-base-content text-sm;
}

.input-with-icon-wrapper {
  @apply relative flex items-stretch;
}

.input-with-icon-wrapper .icon-wrapper {
  @apply absolute text-base-content inset-y-0 start-0 flex items-center ps-3 pointer-events-none;
}

.input-with-icon-wrapper input,
.input-with-icon-wrapper input.input-primary {
  @apply ps-10;
}
