markup.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. //
  2. // Markup styles
  3. // --------------------------------------------------
  4. // Force word wrap for user text
  5. .misago-markup p {
  6. word-wrap: break-word;
  7. }
  8. // Downscale images so they don't expand area
  9. .misago-markup img {
  10. max-width: 100%;
  11. max-height: 500px;
  12. }
  13. // Make quotes stand out a little
  14. .misago-markup blockquote {
  15. background: @gray-lighter;
  16. border: none;
  17. padding-bottom: @line-height-computed;
  18. font-size: @font-size-base;
  19. header {
  20. font-weight: bold;
  21. }
  22. blockquote {
  23. background: darken(@gray-lighter, 5%);
  24. blockquote {
  25. background: darken(@gray-lighter, 8%);
  26. }
  27. }
  28. }
  29. // Add bullets to lists
  30. .misago-markup ul {
  31. list-style-type: square;
  32. li {
  33. list-style-type: square;
  34. }
  35. }
  36. .misago-markup ol {
  37. list-style-type: decimal;
  38. li {
  39. list-style-type: decimal;
  40. }
  41. }
  42. // Even out blocks
  43. .misago-markup>*, .misago-markup blockquote>*:not(header) {
  44. margin: @line-height-computed 0px;
  45. &:first-child {
  46. margin-top: 0px;
  47. }
  48. &:last-child {
  49. margin-bottom: 0px;
  50. }
  51. }