tailwind.css

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

figure img {
  margin-left: auto !important;
  margin-right: auto !important;
  @apply my-0 !important;
}

figure figcaption {
  text-align: center;
  font-style: italic;
}

.fill-current {
  fill: currentColor !important;
}

.markdown {
  max-width: 100%;
}

.anchorjs-link {
  @apply no-underline text-violet;
}
.anchorjs-link:hover {
  @apply text-violet-light;
}

.note {
  @apply mb-4 px-4 py-1 border-l-4 bg-opacity-50;
}
.note :is(h1, h2, h3, h4, h5, h6) {
  @apply mt-2 mb-0;
}
.note p {
  @apply my-2;
}
.note-intro {
  @apply border-black-grape-200 dark:border-black-grape-400;
  @apply text-justify;
}
.note-info {
  @apply bg-black-grape-100 dark:bg-black-grape-500 border-black-grape-200 dark:border-black-grape-400;
}
.note-tip {
  @apply bg-blue-100 dark:bg-black-grape-500 border-blue-200 dark:border-blue-400;
}
.note-important {
  @apply bg-rose-100 dark:bg-black-grape-500 border-rose-200 dark:border-rose-400;
}

blockquote p {
  @apply my-2 !important;
}

summary::-webkit-details-marker {
  display: none;
}

.hljs {
  background: none !important;
}
pre code.hljs {
  padding: 0 !important;
}