您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 

50 行
989 B

  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. }