No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

prism-line-highlight.css 989B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. pre[data-line] {
  2. position: relative;
  3. padding: 1em 0 1em 3em;
  4. }
  5. .line-highlight {
  6. position: absolute;
  7. left: 0;
  8. right: 0;
  9. padding: inherit 0;
  10. margin-top: 1em; /* Same as .prism’s padding-top */
  11. background: hsla(24, 20%, 50%,.08);
  12. background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
  13. pointer-events: none;
  14. line-height: inherit;
  15. white-space: pre;
  16. }
  17. .line-highlight:before,
  18. .line-highlight[data-end]:after {
  19. content: attr(data-start);
  20. position: absolute;
  21. top: .4em;
  22. left: .6em;
  23. min-width: 1em;
  24. padding: 0 .5em;
  25. background-color: hsla(24, 20%, 50%,.4);
  26. color: hsl(24, 20%, 95%);
  27. font: bold 65%/1.5 sans-serif;
  28. text-align: center;
  29. vertical-align: .3em;
  30. border-radius: 999px;
  31. text-shadow: none;
  32. box-shadow: 0 1px white;
  33. }
  34. .line-highlight[data-end]:after {
  35. content: attr(data-end);
  36. top: auto;
  37. bottom: .4em;
  38. }
  39. .line-numbers .line-highlight:before,
  40. .line-numbers .line-highlight:after {
  41. content: none;
  42. }