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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .about-peertube-title {
   5   font-size: 25px;
   6   text-align: center;
   7   font-weight: $font-semibold;
   8   margin-bottom: 15px;
   9 }
  10
  11 .mascot {
  12   display: block;
  13   margin: 20px auto;
  14 }
  15
  16 /deep/ .section-title {
  17   font-weight: $font-semibold;
  18   font-size: 20px;
  19   margin-bottom: 5px;
  20 }
  21
  22 .description {
  23   margin-bottom: 100px;
  24   text-align: center;
  25 }
  26
  27 .description,
  28 .p2p-privacy,
  29 my-about-peertube-contributors {
  30   /deep/ {
  31     p, li {
  32       font-size: 15px;
  33     }
  34   }
  35 }
  36
  37 .p2p-privacy-title {
  38   margin-top: 15px;
  39 }
  40
  41 .privacy-contributors {
  42   display: flex;
  43   flex-direction: row;
  44
  45   > div,
  46   > my-about-peertube-contributors {
  47     flex-basis: 100%;
  48     display: block;
  49   }
  50
  51   .p2p-privacy {
  52     h6 {
  53       font-size: 20px;
  54     }
  55   }
  56
  57   my-about-peertube-contributors {
  58     margin: 0 40px 40px 0;
  59   }
  60
  61   @media screen and (max-width: $small-view) {
  62     flex-direction: column;
  63   }
  64 }