-@import '_variables';
-@import '_mixins';
+@use 'sass:math';
+@use '_variables' as *;
+@use '_mixins' as *;
-.admin-sub-title {
- margin-bottom: 30px;
+$form-base-input-width: 340px;
+
+label {
+ font-weight: $font-regular;
+ font-size: 100%;
+}
+
+.account-title {
+ @include settings-big-title;
+
+ &.account-title-danger {
+ color: lighten($color: #c54130, $amount: 10);
+ }
}
input:not([type=submit]) {
- @include peertube-input-text(340px);
+ @include peertube-input-text($form-base-input-width);
+ display: block;
+}
+
+my-input-toggle-hidden {
+ @include responsive-width($form-base-input-width);
+
display: block;
}
.peertube-select-container {
- @include peertube-select-container(340px);
+ @include peertube-select-container($form-base-input-width);
}
-input[type=submit] {
+my-select-custom-value {
+ @include responsive-width($form-base-input-width);
+
+ display: block;
+}
+
+input[type=submit],
+button {
@include peertube-button;
@include orange-button;
+
+ margin-top: 10px;
}
.transcoding-information {
margin-top: 5px;
font-size: 11px;
}
+
+.danger-zone {
+ .reset-password-email {
+ margin-bottom: 30px;
+
+ button {
+ @include peertube-button;
+ @include danger-button;
+ @include disable-outline;
+
+ display: block;
+ margin-top: 0;
+ }
+ }
+}
+
+.breadcrumb {
+ @include breadcrumb;
+}
+
+.dashboard {
+ @include dashboard;
+ max-width: 900px;
+}