client/src/app/+about/about-instance/about-instance.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .about-instance-title {
   5   display: flex;
   6   justify-content: space-between;
   7
   8   .title {
   9     font-size: 20px;
  10     font-weight: $font-semibold;
  11   }
  12
  13   .contact-admin {
  14     @include peertube-button-link;
  15     @include orange-button;
  16
  17     height: fit-content;
  18   }
  19 }
  20
  21 .instance-badges {
  22   margin-bottom: 20px;
  23
  24   .pt-badge {
  25     @include margin-right(5px);
  26   }
  27 }
  28
  29 .section-title {
  30   font-weight: $font-semibold;
  31   margin-bottom: 5px;
  32   display: flex;
  33   align-items: center;
  34   font-size: 1rem;
  35 }
  36
  37 .middle-title {
  38   @include in-content-small-title;
  39
  40   margin-top: 0;
  41   margin-bottom: 25px;
  42 }
  43
  44 .block {
  45   margin-bottom: 75px;
  46 }
  47
  48 .short-description {
  49   margin-top: 10px;
  50 }
  51
  52 .short-description .dedicated-to-nsfw {
  53   margin-top: 20px;
  54   font-weight: $font-semibold;
  55 }
  56
  57 .anchor-link {
  58   @include disable-outline;
  59
  60   position: relative;
  61
  62   &:hover,
  63   &:active {
  64     &::after {
  65       @include margin-left(0.2em);
  66
  67       content: '#';
  68       display: inline-block;
  69     }
  70   }
  71
  72   .middle-title,
  73   .section-title {
  74     display: inline-block;
  75   }
  76
  77   .section-title {
  78     color: var(--mainForegroundColor);
  79   }
  80 }