-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-.alert {
- font-size: 15px;
- text-align: center;
+my-signup-step-title strong {
+ font-weight: $font-bold;
}
-.wrapper {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
-
- & > div {
- margin-bottom: 40px;
- width: 450px;
+.signup-disabled {
+ padding-top: 30vh;
+}
- @media screen and (max-width: 500px) {
- width: auto;
- }
- }
+.title-page-v2 {
+ background-color: pvar(--mainColorVeryLight);
+ margin: 0;
+ padding-bottom: 10px;
}
-my-instance-features-table {
+my-instance-about-accordion {
display: block;
-
- margin-bottom: 40px;
+ margin-bottom: 30px;
}
-.form-group-terms {
- margin: 30px 0;
-}
+.step-buttons {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
-.input-group {
- @include peertube-input-group(400px);
-}
+ .skip-step {
+ @include margin-right(30px);
-.input-group-append {
- height: 30px;
-}
+ display: inline-block;
+ }
-input:not([type=submit]) {
- @include peertube-input-text(400px);
+ .skip-step-description {
+ margin-top: 5px;
+ font-size: 14px;
+ }
- display: block;
+ .underline-orange {
+ color: pvar(--mainForegroundColor);
- &#username,
- &#name {
- width: auto !important;
- flex-grow: 1;
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+
+ button,
+ .skip-step {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ }
+
+ .skip-step,
+ button[cdkStepperNext] {
+ @include margin-left(auto);
+ }
+
+ .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;
+ }
+}
- /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);
}
}
}