blob: 6851a1a9dd4b23ea29013529ab0d40483b5b64d5 [file] [log] [blame] [edit]
/* Copy-to-clipboard button styles */
div.highlight {
position: relative;
}
button.copybutton {
position: absolute;
top: 0.4em;
right: 0.4em;
padding: 0.3em 0.4em;
background: var(--color-background-secondary, #f0f0f0);
border: 1px solid var(--color-foreground-border, #ccc);
border-radius: 4px;
cursor: pointer;
opacity: 0;
transition: opacity 0.2s, background 0.15s;
line-height: 1;
color: var(--color-foreground-secondary, #555);
}
div.highlight:hover button.copybutton,
button.copybutton:focus {
opacity: 1;
}
button.copybutton:hover {
background: var(--color-background-hover, #e0e0e0);
}
button.copybutton.copied {
color: var(--color-brand-primary, #2980b9);
opacity: 1;
}
button.copybutton svg {
display: block;
pointer-events: none;
fill: currentColor;
}