mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 13:26:07 +00:00
a6996b6ea5
* ui: Add with-copyable modifier * Use with-copyable modifier for our own CopyButton * Move copy-button styling and remove most of `copy-btn`
23 lines
515 B
SCSS
23 lines
515 B
SCSS
%copy-button {
|
|
color: var(--blue-500);
|
|
background-color: var(--transparent);
|
|
}
|
|
%copy-button::before {
|
|
@extend %with-copy-action-mask, %as-pseudo;
|
|
background-color: var(--gray-500);
|
|
}
|
|
%copy-button::after {
|
|
background-color: var(--gray-050);
|
|
}
|
|
%copy-button:hover:not(:disabled):not(:active),
|
|
%copy-button:focus {
|
|
color: var(--blue-500);
|
|
background-color: var(--gray-050);
|
|
}
|
|
%copy-button:hover::before {
|
|
background-color: var(--blue-500);
|
|
}
|
|
%copy-button:active {
|
|
background-color: var(--gray-200);
|
|
}
|