-@import '_variables';
-@import '_mixins';
-@import "./_bootstrap-variables";
-
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@use '_variables';
+@use '_mixins';
.alert {
font-size: 15px;
.wrapper {
display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
-
- & > div {
- margin-bottom: 40px;
+ flex-direction: column;
- &.register-form {
- width: 450px;
- }
+ .register-form {
+ max-width: 600px;
+ align-self: 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;
- }
- }
- }
+ .register-form,
+ .instance-information {
+ width: 100%;
+ }
- @media screen and (max-width: $mobile-view) {
- width: auto;
- }
+ .instance-information {
+ margin-bottom: 15px;
}
}
}
.input-group {
- @include peertube-input-group(400px);
+ @include peertube-input-group(100%);
}
.input-group-append {
height: 30px;
}
-input:not([type=submit]) {
- @include peertube-input-text(400px);
+.form-group-terms {
+ width: 100% !important;
+}
+input:not([type=submit]) {
+ @include peertube-input-text(100%);
display: block;
&#username,
input[type=submit],
button {
@include peertube-button;
- @include orange-button;
+
+ &[cdkStepperNext] {
+ @include orange-button;
+ float: inline-end;
+ }
+
+ &[cdkStepperPrevious] {
+ @include grey-button;
+ float: inline-start;
+ }
}
.name-information {
margin-bottom: 20px;
::ng-deep .loader div {
- border-color: var(--mainColor) transparent transparent transparent;
+ border-color: pvar(--mainColor) transparent transparent transparent;
}
- & + div {
+ + div {
font-size: 15px;
}
}