mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-06 00:14:33 +00:00
George Cushen
7722abcd66
See Tailwind v4 breaking changes: https://tailwindcss.com/docs/upgrade-guide See Hugo's new integration with Tailwind v4: https://gohugo.io/functions/css/tailwindcss/ Close #3211
36 lines
726 B
CSS
36 lines
726 B
CSS
/* Code Copy */
|
|
|
|
/* Hugo's Code Block Wrapper Class */
|
|
|
|
.highlight {
|
|
@apply relative z-0;
|
|
}
|
|
|
|
.highlight:hover > .copy-button {
|
|
@apply visible;
|
|
}
|
|
|
|
/* Copy Button */
|
|
|
|
.copy-button {
|
|
@apply invisible absolute right-0 top-0 z-10 w-20 py-1
|
|
cursor-pointer font-mono text-sm whitespace-nowrap
|
|
rounded-bl-md rounded-tr-md
|
|
bg-neutral-200 text-neutral-700 opacity-90
|
|
dark:bg-neutral-600 dark:text-neutral-200;
|
|
}
|
|
|
|
.copy-button:hover,
|
|
.copy-button:focus,
|
|
.copy-button:active,
|
|
.copy-button:active:hover {
|
|
background-color: rgb(var(--color-primary-100));
|
|
}
|
|
|
|
.dark .copy-button:hover,
|
|
.dark .copy-button:focus,
|
|
.dark .copy-button:active,
|
|
.dark .copy-button:active:hover {
|
|
background-color: rgb(var(--color-primary-600));
|
|
}
|