-@import '_variables';
-@import '_mixins';
-@import "./_bootstrap-variables";
+@use '_variables' as *;
+@use '_mixins' as *;
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+my-signup-step-title strong {
+ font-weight: $font-bold;
+}
-.alert {
- font-size: 15px;
- text-align: center;
+.signup-disabled {
+ padding-top: 30vh;
}
-.wrapper {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
+.title-page-v2 {
+ background-color: pvar(--mainColorVeryLight);
+ margin: 0;
+ padding-bottom: 10px;
+}
- & > div {
- margin-bottom: 40px;
+my-instance-about-accordion {
+ display: block;
+ margin-bottom: 30px;
+}
- &.register-form {
- width: 450px;
- }
+.step-buttons {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
- &.instance-information {
- width: 600px;
- margin-bottom: 40px;
-
- .block {
- font-size: 15px;
- margin-bottom: 15px;
- padding: 0 $btn-padding-x;
- }
-
- @media screen and (max-width: 1500px) {
- width: 450px;
- }
-
- ngb-accordion ::ng-deep {
- .btn {
- font-weight: $font-semibold !important;
- color: var(--mainForegroundColor) !important;
- }
- }
- }
+ .skip-step {
+ @include margin-right(30px);
- @media screen and (max-width: $mobile-view) {
- width: auto;
- }
+ display: inline-block;
}
-}
-.form-group-terms {
- margin: 30px 0;
-}
+ .skip-step-description {
+ margin-top: 5px;
+ font-size: 14px;
+ }
-.input-group {
- @include peertube-input-group(400px);
-}
+ .underline-orange {
+ color: pvar(--mainForegroundColor);
-.input-group-append {
- height: 30px;
-}
+ &:hover {
+ opacity: 0.8;
+ }
+ }
-input:not([type=submit]) {
- @include peertube-input-text(400px);
+ button,
+ .skip-step {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ }
- display: block;
+ .skip-step,
+ button[cdkStepperNext] {
+ @include margin-left(auto);
+ }
- &#username,
- &#name {
- width: auto !important;
- flex-grow: 1;
+ .skip-step + button[cdkStepperNext] {
+ @include margin-left(0);
}
}
-input[type=submit],
button {
- @include peertube-button;
- @include orange-button;
-}
+ @include peertube-button-big;
+
+ &[cdkStepperNext] {
+ @include orange-button;
+ }
-.name-information {
- margin-top: 10px;
+ &[cdkStepperPrevious] {
+ @include grey-button;
+ }
}
.done-loader {
my-loader {
margin-bottom: 20px;
+ }
+}
- ::ng-deep .loader div {
- border-color: var(--mainColor) transparent transparent transparent;
- }
+@media screen and (max-width: $small-view) {
+ .step-buttons {
+ justify-content: space-between;
- & + div {
- font-size: 15px;
+ .skip-step,
+ button[cdkStepperNext] {
+ @include margin-left(0);
}
}
}