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

   1 @import '_variables';
   2 @import '_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 /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   /deep/ {
  48     p, li {
  49       font-size: 15px;
  50     }
  51   }
  52 }
  53
  54 .privacy-contributors {
  55   display: flex;
  56   flex-direction: column;
  57
  58   .p2p-privacy {
  59     .section-title {
  60       margin: 50px 0 20px;
  61       text-align: center;
  62     }
  63
  64     h6 {
  65       font-size: 20px;
  66       margin-top: 15px;
  67     }
  68   }
  69 }