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

   1 @use '_variables';
   2 @use '_mixins';
   3
   4 .root {
   5   max-width: 1200px;
   6   margin: auto;
   7 }
   8
   9 .about-peertube-title {
  10   font-size: 25px;
  11   text-align: center;
  12   font-weight: $font-semibold;
  13   margin-bottom: 15px;
  14 }
  15
  16 .mascot {
  17   display: block;
  18   margin: 20px auto;
  19 }
  20
  21 ::ng-deep .section-title {
  22   font-weight: $font-semibold;
  23   font-size: 20px;
  24   margin-bottom: 5px;
  25 }
  26
  27 .description {
  28   text-align: center;
  29 }
  30
  31 .documentation {
  32   display: flex;
  33   flex-wrap: wrap;
  34   margin: 50px 0;
  35   justify-content: center;
  36
  37   .card {
  38     margin: 30px;
  39     flex-basis: 300px;
  40     font-size: 15px;
  41   }
  42 }
  43
  44 .description,
  45 .p2p-privacy,
  46 my-about-peertube-contributors {
  47   ::ng-deep {
  48     p,
  49     li {
  50       font-size: 15px;
  51     }
  52   }
  53 }
  54
  55 .privacy-contributors {
  56   display: flex;
  57   flex-direction: column;
  58
  59   .p2p-privacy {
  60     .section-title {
  61       margin: 50px 0 20px;
  62       text-align: center;
  63     }
  64
  65     h6 {
  66       font-size: 20px;
  67       margin-top: 15px;
  68     }
  69   }
  70 }
  71
  72 .card-title {
  73   font-size: 1.25rem;
  74 }
  75
  76 .p2p-privacy-title {
  77   font-size: 20px;
  78 }