Browse Source

Restyle admonitions

master
Nuša Pukšič 11 months ago
parent
commit
14c6d31156
  1. 52
      src/styles/publications.css

52
src/styles/publications.css

@ -120,77 +120,81 @@
} }
/* admonition */ /* admonition */
.note-leather .admonitionblock .title { .publication-leather .admonitionblock .title {
@apply font-semibold; @apply font-semibold;
} }
.note-leather .admonitionblock table { .publication-leather .admonitionblock table {
@apply w-full border-collapse; @apply w-full border-collapse;
} }
.note-leather .admonitionblock tr { .publication-leather .admonitionblock tr {
@apply flex flex-col; @apply flex flex-col border-none;
} }
.note-leather .admonitionblock p:has(code) { .publication-leather .admonitionblock td {
@apply border-none;
}
.publication-leather .admonitionblock p:has(code) {
@apply my-3; @apply my-3;
} }
.note-leather .admonitionblock { .publication-leather .admonitionblock {
@apply rounded overflow-hidden border; @apply rounded overflow-hidden border;
} }
.note-leather .admonitionblock .icon, .publication-leather .admonitionblock .icon,
.note-leather .admonitionblock .content { .publication-leather .admonitionblock .content {
@apply p-4; @apply p-4;
} }
.note-leather .admonitionblock .content { .publication-leather .admonitionblock .content {
@apply pt-0; @apply pt-0;
} }
.note-leather .admonitionblock.tip { .publication-leather .admonitionblock.tip {
@apply rounded overflow-hidden border border-success-100 dark:border-success-800; @apply rounded overflow-hidden border border-success-100 dark:border-success-800;
} }
.note-leather .admonitionblock.tip .icon, .publication-leather .admonitionblock.tip .icon,
.note-leather .admonitionblock.tip .content { .publication-leather .admonitionblock.tip .content {
@apply bg-success-100 dark:bg-success-800; @apply bg-success-100 dark:bg-success-800;
} }
.note-leather .admonitionblock.note { .publication-leather .admonitionblock.note {
@apply rounded overflow-hidden border border-info-100 dark:border-info-700; @apply rounded overflow-hidden border border-info-100 dark:border-info-700;
} }
.note-leather .admonitionblock.note .icon, .publication-leather .admonitionblock.note .icon,
.note-leather .admonitionblock.note .content { .publication-leather .admonitionblock.note .content {
@apply bg-info-100 dark:bg-info-800; @apply bg-info-100 dark:bg-info-800;
} }
.note-leather .admonitionblock.important { .publication-leather .admonitionblock.important {
@apply rounded overflow-hidden border border-primary-200 dark:border-primary-700; @apply rounded overflow-hidden border border-primary-200 dark:border-primary-700;
} }
.note-leather .admonitionblock.important .icon, .publication-leather .admonitionblock.important .icon,
.note-leather .admonitionblock.important .content { .publication-leather .admonitionblock.important .content {
@apply bg-primary-200 dark:bg-primary-700; @apply bg-primary-200 dark:bg-primary-700;
} }
.note-leather .admonitionblock.caution { .publication-leather .admonitionblock.caution {
@apply rounded overflow-hidden border border-warning-200 dark:border-warning-700; @apply rounded overflow-hidden border border-warning-200 dark:border-warning-700;
} }
.note-leather .admonitionblock.caution .icon, .publication-leather .admonitionblock.caution .icon,
.note-leather .admonitionblock.caution .content { .publication-leather .admonitionblock.caution .content {
@apply bg-warning-200 dark:bg-warning-700; @apply bg-warning-200 dark:bg-warning-700;
} }
.note-leather .admonitionblock.warning { .publication-leather .admonitionblock.warning {
@apply rounded overflow-hidden border border-danger-200 dark:border-danger-800; @apply rounded overflow-hidden border border-danger-200 dark:border-danger-800;
} }
.note-leather .admonitionblock.warning .icon, .publication-leather .admonitionblock.warning .icon,
.note-leather .admonitionblock.warning .content { .publication-leather .admonitionblock.warning .content {
@apply bg-danger-200 dark:bg-danger-800; @apply bg-danger-200 dark:bg-danger-800;
} }

Loading…
Cancel
Save