@import '_variables';
@import '_mixins';
+@import "./_bootstrap-variables";
+
+@import '~bootstrap/scss/functions';
+@import '~bootstrap/scss/variables';
.alert {
font-size: 15px;
& > div {
margin-bottom: 40px;
- width: 450px;
- @media screen and (max-width: 500px) {
- width: auto;
- }
- }
-}
+ &.register-form {
+ width: 450px;
-my-instance-features-table {
- display: block;
+ @media screen and (max-width: $mobile-view) {
+ width: 100%;
+ }
+ }
- margin-bottom: 40px;
+ &.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;
+ }
+ @media screen and (max-width: $mobile-view) {
+ width: 100%;
+ }
+
+ ngb-accordion ::ng-deep {
+ .btn {
+ font-weight: $font-semibold !important;
+ color: pvar(--mainForegroundColor) !important;
+ }
+ }
+ }
+ }
}
.form-group-terms {
input:not([type=submit]) {
@include peertube-input-text(400px);
-
display: block;
&#username,
}
}
+@media screen and (max-width: $mobile-view) {
+ .form-group-terms,
+ .input-group,
+ input:not([type=submit]) {
+ width: 100%;
+ }
+}
+
input[type=submit],
button {
@include peertube-button;
@include orange-button;
+
}
.name-information {
my-loader {
margin-bottom: 20px;
- /deep/ .loader div {
- border-color: var(--mainColor) transparent transparent transparent;
+ ::ng-deep .loader div {
+ border-color: pvar(--mainColor) transparent transparent transparent;
}
& + div {