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