copy-button.module.css 545 B

12345678910111213141516171819202122232425262728293031
  1. .root {
  2. position: absolute;
  3. opacity: 0;
  4. visibility: hidden;
  5. transition: opacity 0.15s ease;
  6. button {
  7. cursor: pointer;
  8. background: none;
  9. border: none;
  10. padding: 0.125rem;
  11. background-color: var(--sl-color-bg);
  12. color: var(--sl-color-text-secondary);
  13. svg {
  14. display: block;
  15. width: 1rem;
  16. height: 1rem;
  17. }
  18. &[data-copied="true"] {
  19. color: var(--sl-color-green-high);
  20. }
  21. }
  22. }
  23. /* Show copy button when parent is hovered */
  24. *:hover > .root {
  25. opacity: 1;
  26. visibility: visible;
  27. }