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

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