consul/ui/packages/consul-ui/app/components/copy-button/skin.scss

28 lines
712 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
%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);
}