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

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