client/src/app/+signup/+register/register.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .alert {
   5   font-size: 16px;
   6   text-align: center;
   7 }
   8
   9 .signup-disabled {
  10   padding-top: 30vh;
  11 }
  12
  13 .header-title {
  14   font-weight: normal;
  15   font-size: 15px;
  16   background-color: pvar(--mainColorVeryLight);
  17   padding: 35px 25px 15px;
  18   margin: 0;
  19 }
  20
  21 .register-content {
  22   font-size: 16px;
  23 }
  24
  25 my-instance-about-accordion {
  26   display: block;
  27   margin-bottom: 25px;
  28 }
  29
  30 .step-buttons {
  31   display: flex;
  32   flex-wrap: wrap;
  33   align-items: center;
  34
  35   .skip-step {
  36     @include margin-right(30px);
  37
  38     display: inline-block;
  39   }
  40
  41   .skip-step-description {
  42     margin-top: 5px;
  43     font-size: 14px;
  44   }
  45
  46   .underline-orange {
  47     color: pvar(--mainForegroundColor);
  48
  49     &:hover {
  50       opacity: 0.8;
  51     }
  52   }
  53
  54   button,
  55   .skip-step {
  56     margin-top: 20px;
  57     margin-bottom: 20px;
  58   }
  59
  60   .skip-step,
  61   button[cdkStepperNext] {
  62     @include margin-left(auto);
  63   }
  64
  65   .skip-step + button[cdkStepperNext] {
  66     @include margin-left(0);
  67   }
  68 }
  69
  70 button {
  71   @include peertube-button-big;
  72
  73   &[cdkStepperNext] {
  74     @include orange-button;
  75   }
  76
  77   &[cdkStepperPrevious] {
  78     @include grey-button;
  79   }
  80 }
  81
  82 .done-loader {
  83   display: flex;
  84   justify-content: center;
  85   flex-direction: column;
  86   align-items: center;
  87
  88   my-loader {
  89     margin-bottom: 20px;
  90   }
  91 }
  92
  93 @media screen and (max-width: $small-view) {
  94   .step-buttons {
  95     justify-content: space-between;
  96
  97     .skip-step,
  98     button[cdkStepperNext] {
  99       @include margin-left(0);
 100     }
 101   }
 102 }