logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://anongit.hacktivis.me/git/pleroma-fe.git/

rich_content.scss (1469B)


  1. .RichContent {
  2. font-family: var(--font);
  3. &.-faint {
  4. /* stylelint-disable declaration-no-important */
  5. --text: var(--textFaint) !important;
  6. --link: var(--linkFaint) !important;
  7. --funtextGreentext: var(--funtextGreentextFaint) !important;
  8. --funtextCyantext: var(--funtextCyantextFaint) !important;
  9. /* stylelint-enable declaration-no-important */
  10. a {
  11. color: var(--linkFaint);
  12. }
  13. }
  14. blockquote {
  15. margin: 0.2em 0 0.2em 0.2em;
  16. font-style: italic;
  17. border-left: 0.2em solid var(--textFaint);
  18. padding-left: 1em;
  19. }
  20. pre {
  21. overflow: auto;
  22. }
  23. code,
  24. samp,
  25. kbd,
  26. var,
  27. pre {
  28. font-family: var(--monoFont);
  29. }
  30. p {
  31. margin: 0 0 1em;
  32. }
  33. p:last-child {
  34. margin: 0;
  35. }
  36. h1 {
  37. font-size: 1.1em;
  38. line-height: 1.2em;
  39. margin: 1.4em 0;
  40. }
  41. h2 {
  42. font-size: 1.1em;
  43. margin: 1em 0;
  44. }
  45. h3 {
  46. font-size: 1em;
  47. margin: 1.2em 0;
  48. }
  49. h4 {
  50. margin: 1.1em 0;
  51. }
  52. .img {
  53. display: inline-block;
  54. }
  55. .emoji {
  56. display: inline-block;
  57. width: var(--emoji-size, 32px);
  58. height: var(--emoji-size, 32px);
  59. }
  60. .img,
  61. video {
  62. max-width: 100%;
  63. max-height: 400px;
  64. vertical-align: middle;
  65. object-fit: contain;
  66. }
  67. .greentext {
  68. color: var(--funtextGreentext);
  69. }
  70. .cyantext {
  71. color: var(--funtextCyantext);
  72. }
  73. }
  74. a .RichContent {
  75. /* stylelint-disable-next-line declaration-no-important */
  76. color: var(--link) !important;
  77. }