23 lines
633 B
SCSS
23 lines
633 B
SCSS
%copy-button {
|
|
color: var(--token-color-foreground-action);
|
|
--icon-color: transparent;
|
|
}
|
|
%copy-button::before {
|
|
@extend %with-copy-action-mask, %as-pseudo;
|
|
--icon-color: var(--token-color-foreground-faint);
|
|
}
|
|
%copy-button::after {
|
|
--icon-color: var(--token-color-surface-strong);
|
|
}
|
|
%copy-button:hover:not(:disabled):not(:active),
|
|
%copy-button:focus {
|
|
color: var(--token-color-foreground-action);
|
|
--icon-color: var(--token-color-surface-strong);
|
|
}
|
|
%copy-button:hover::before {
|
|
--icon-color: var(--token-color-foreground-action);
|
|
}
|
|
%copy-button:active {
|
|
--icon-color: var(--token-color-surface-interactive-active);
|
|
}
|