code-blocks-buttons.css 610 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* "Copy" code block button */
  2. pre {
  3. position: relative;
  4. }
  5. pre .btnIcon {
  6. position: absolute;
  7. top: 4px;
  8. z-index: 2;
  9. cursor: pointer;
  10. border: 1px solid transparent;
  11. padding: 0;
  12. color: #000;
  13. background-color: transparent;
  14. height: 30px;
  15. transition: all .25s ease-out;
  16. }
  17. pre .btnIcon:hover {
  18. text-decoration: none;
  19. }
  20. pre .btnIcon:focus {
  21. outline: 0;
  22. }
  23. .btnIcon__body {
  24. align-items: center;
  25. display: flex;
  26. }
  27. .btnIcon svg {
  28. fill: currentColor;
  29. margin-right: .4em;
  30. }
  31. .btnIcon__label {
  32. font-size: 11px;
  33. }
  34. .btnClipboard {
  35. right: 10px;
  36. }