_code.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. // Code
  2. //
  3. // Inline and block-level code snippets. Includes tweaks to syntax highlighted
  4. // snippets from Pygments/Rouge and Gist embeds.
  5. code,
  6. pre {
  7. font-family: Menlo, Monaco, "Courier New", monospace;
  8. }
  9. code {
  10. padding: .25em .5em;
  11. font-size: 85%;
  12. color: #bf616a;
  13. background-color: #f9f9f9;
  14. border-radius: 3px;
  15. }
  16. pre {
  17. display: block;
  18. margin-top: 0;
  19. margin-bottom: 1rem;
  20. padding: 1rem;
  21. font-size: .8rem;
  22. line-height: 1.4;
  23. white-space: pre;
  24. white-space: pre-wrap;
  25. word-break: break-all;
  26. // word-wrap: break-word;
  27. background-color: #f9f9f9;
  28. }
  29. pre code {
  30. padding: 0;
  31. font-size: 100%;
  32. color: inherit;
  33. background-color: transparent;
  34. }
  35. // Pygments via Jekyll
  36. .highlight {
  37. margin-bottom: 1rem;
  38. border-radius: 4px;
  39. }
  40. .highlight pre {
  41. margin-bottom: 0;
  42. }
  43. // Gist via GitHub Pages
  44. .gist .gist-file {
  45. font-family: Menlo, Monaco, "Courier New", monospace !important;
  46. }
  47. .gist .markdown-body {
  48. padding: 15px;
  49. }
  50. .gist pre {
  51. padding: 0;
  52. background-color: transparent;
  53. }
  54. .gist .gist-file .gist-data {
  55. font-size: .8rem !important;
  56. line-height: 1.4;
  57. }
  58. .gist code {
  59. padding: 0;
  60. color: inherit;
  61. background-color: transparent;
  62. border-radius: 0;
  63. }