Usage
--copy-markdown-font-sizeand --copy-markdown-icon-sizefor scale --copy-markdown-colorand --copy-markdown-color-hoverfor interaction --copy-markdown-color-successand --copy-markdown-color-errorfor state feedback
Tokens
--copy-markdown-font-family | var(--layout-font-family) | |
--copy-markdown-icon-size | 1em | |
--copy-markdown-font-size | var(--font-size-2xs) | |
--copy-markdown-gap | var(--space-2) | |
--copy-markdown-color | var(--text-color-secondary) | |
--copy-markdown-color-hover | var(--text-color-primary) | |
--copy-markdown-color-success | var(--color-success, #22c55e) | |
--copy-markdown-color-error | var(--color-error, #ef4444) |
Examples
Subtle Utility Button
:root {
--copy-markdown-font-size: var(--font-size-3xs);
--copy-markdown-color: var(--text-color-muted);
}Brighter State Feedback
:root {
--copy-markdown-color-success: var(--color-green-600);
--copy-markdown-color-error: var(--color-red-600);
}