copy-button.module.css 503 B

123456789101112131415161718192021222324252627282930
  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. color: var(--sl-color-text-secondary);
  12. svg {
  13. display: block;
  14. width: 1rem;
  15. height: 1rem;
  16. }
  17. &[data-copied="true"] {
  18. color: var(--sl-color-green-high);
  19. }
  20. }
  21. }
  22. /* Show copy button when parent is hovered */
  23. *:hover > .root {
  24. opacity: 1;
  25. visibility: visible;
  26. }