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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   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   }
  41 }
  42
  43 .privacy-contributors {
  44   display: flex;
  45   flex-direction: column;
  46
  47   .p2p-privacy {
  48     .section-title {
  49       margin: 50px 0 20px;
  50       text-align: center;
  51     }
  52
  53     h6 {
  54       font-size: 20px;
  55       margin-top: 15px;
  56     }
  57   }
  58 }
  59
  60 .card-title {
  61   font-size: 1.1rem;
  62   text-align: center;
  63   margin-bottom: 1rem;
  64 }
  65
  66 .p2p-privacy-title {
  67   font-size: 20px;
  68 }