| 12345678910111213141516171819202122232425262728293031 |
- .root {
- position: absolute;
- opacity: 0;
- visibility: hidden;
- transition: opacity 0.15s ease;
- button {
- cursor: pointer;
- background: none;
- border: none;
- padding: 0.125rem;
- background-color: var(--sl-color-bg);
- color: var(--sl-color-text-secondary);
- svg {
- display: block;
- width: 1rem;
- height: 1rem;
- }
- &[data-copied="true"] {
- color: var(--sl-color-green-high);
- }
- }
- }
- /* Show copy button when parent is hovered */
- *:hover > .root {
- opacity: 1;
- visibility: visible;
- }
|