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

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