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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .pt-badge {
   5   @include margin-right(5px);
   6 }
   7
   8 .section-title {
   9   font-weight: $font-semibold;
  10   margin-bottom: 5px;
  11   display: flex;
  12   align-items: center;
  13   font-size: 1rem;
  14 }
  15
  16 .middle-title {
  17   @include in-content-small-title;
  18   @include margin-bottom(1.5rem);
  19
  20   margin-top: 0;
  21 }
  22
  23 .block {
  24   @include margin-bottom(4.5rem);
  25 }
  26
  27 .anchor-link {
  28   @include disable-outline;
  29
  30   position: relative;
  31
  32   &:hover,
  33   &:active {
  34     &::after {
  35       @include margin-left(0.2em);
  36
  37       content: '#';
  38       display: inline-block;
  39     }
  40   }
  41
  42   .middle-title,
  43   .section-title {
  44     display: inline-block;
  45   }
  46
  47   .section-title {
  48     color: var(--mainForegroundColor);
  49   }
  50 }