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 @@ @@ -120,77 +120,81 @@
}
/* admonition */
.note-leather .admonitionblock .title {
.publication-leather .admonitionblock .title {
@apply font-semibold;
}
.note-leather .admonitionblock table {
.publication-leather .admonitionblock table {
@apply w-full border-collapse;
}
.note-leather .admonitionblock tr {
@apply flex flex-col;
.publication-leather .admonitionblock tr {
@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;
}
.note-leather .admonitionblock {
.publication-leather .admonitionblock {
@apply rounded overflow-hidden border;
}
.note-leather .admonitionblock .icon,
.note-leather .admonitionblock .content {
.publication-leather .admonitionblock .icon,
.publication-leather .admonitionblock .content {
@apply p-4;
}
.note-leather .admonitionblock .content {
.publication-leather .admonitionblock .content {
@apply pt-0;
}
.note-leather .admonitionblock.tip {
.publication-leather .admonitionblock.tip {
@apply rounded overflow-hidden border border-success-100 dark:border-success-800;
}
.note-leather .admonitionblock.tip .icon,
.note-leather .admonitionblock.tip .content {
.publication-leather .admonitionblock.tip .icon,
.publication-leather .admonitionblock.tip .content {
@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;
}
.note-leather .admonitionblock.note .icon,
.note-leather .admonitionblock.note .content {
.publication-leather .admonitionblock.note .icon,
.publication-leather .admonitionblock.note .content {
@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;
}
.note-leather .admonitionblock.important .icon,
.note-leather .admonitionblock.important .content {
.publication-leather .admonitionblock.important .icon,
.publication-leather .admonitionblock.important .content {
@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;
}
.note-leather .admonitionblock.caution .icon,
.note-leather .admonitionblock.caution .content {
.publication-leather .admonitionblock.caution .icon,
.publication-leather .admonitionblock.caution .content {
@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;
}
.note-leather .admonitionblock.warning .icon,
.note-leather .admonitionblock.warning .content {
.publication-leather .admonitionblock.warning .icon,
.publication-leather .admonitionblock.warning .content {
@apply bg-danger-200 dark:bg-danger-800;
}

Loading…
Cancel
Save