docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: adjust callout colors to match dds alerts 

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2023-12-28 19:48:11 +01:00
parent c03109f7eb
commit b77d185c27
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/callouts.css
View File

@ -6,7 +6,7 @@
* */ * */
.prose blockquote { .prose blockquote {
@apply bg-blue-light-100 p-4 font-normal not-italic dark:bg-blue-dark-100; @apply bg-blue-light-100 p-4 font-normal not-italic dark:bg-blue-dark-100 text-blue-light-600 dark:text-blue-dark-800;
quotes: none; quotes: none;
> *:first-child { > *:first-child {
@apply relative ml-5 mt-0 before:absolute before:-left-5 before:font-icons before:content-['info']; @apply relative ml-5 mt-0 before:absolute before:-left-5 before:font-icons before:content-['info'];
@ -16,21 +16,21 @@
} }
&.warning { &.warning {
@apply border-l-red-light bg-red-light-100 dark:border-l-red-dark dark:bg-red-dark-100; @apply border-l-red-light bg-red-light-100 text-red-light-600 dark:border-l-red-dark dark:bg-red-dark-100 dark:text-red-dark-800;
> *:first-child { > *:first-child {
@apply before:content-['dangerous']; @apply before:content-['dangerous'];
} }
} }
&.important { &.important {
@apply border-l-amber-light bg-amber-light-100 dark:border-l-amber-dark dark:bg-amber-dark-100; @apply border-l-amber-light bg-amber-light-100 text-amber-light-600 dark:border-l-amber-dark dark:bg-amber-dark-100 dark:text-amber-dark-800;
> *:first-child { > *:first-child {
@apply before:content-['warning']; @apply before:content-['warning'];
} }
} }
&.tip { &.tip {
@apply border-l-green-light bg-green-light-100 dark:border-l-green-dark dark:bg-green-dark-100; @apply border-l-green-light bg-green-light-100 text-green-light-600 dark:border-l-green-dark dark:bg-green-dark-100 dark:text-green-dark-800;
> *:first-child { > *:first-child {
@apply before:content-['lightbulb']; @apply before:content-['lightbulb'];
} }
@ -42,7 +42,7 @@
} }
} }
&.restricted { &.restricted {
@apply border-l-violet-light bg-violet-light-100 dark:border-l-violet-dark dark:bg-violet-dark-100; @apply border-l-violet-light bg-violet-light-100 text-violet-light-600 dark:border-l-violet-dark dark:bg-violet-dark-100 dark:text-violet-dark-800;
> *:first-child { > *:first-child {
@apply before:content-['rocket\_launch']; @apply before:content-['rocket\_launch'];
} }