_markdown.scss 871 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. // Rendered Markdown
  2. .rendered-markdown {
  3. table {
  4. width: 100%;
  5. // Apply a border
  6. th {
  7. border-bottom: 2px solid #dddddd;
  8. padding: 8px;
  9. }
  10. td {
  11. border-top: 1px solid #dddddd;
  12. padding: 8px;
  13. }
  14. // Map "align" attr of column headings
  15. th[align="left"] {
  16. text-align: left;
  17. }
  18. th[align="center"] {
  19. text-align: center;
  20. }
  21. th[align="right"] {
  22. text-align: right;
  23. }
  24. }
  25. }
  26. // Remove the bottom margin of the last <p> elements in markdown
  27. .rendered-markdown {
  28. p:last-of-type {
  29. margin-bottom: 0;
  30. }
  31. }
  32. // fix layout of rendered markdown inside a table cell
  33. td > .rendered-markdown {
  34. max-height: 200px;
  35. overflow-y: scroll;
  36. }
  37. // Markdown preview
  38. .markdown-widget {
  39. .preview {
  40. border: 1px solid $border-color;
  41. border-radius: $border-radius;
  42. min-height: 200px;
  43. }
  44. }