logo

pleroma-fe

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

rich_content.scss (1423B)

    

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