-@import '_variables';
-@import '_mixins';
+@use 'sass:math';
+@use '_variables' as *;
+@use '_mixins' as *;
-.form-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], button {
+my-select-custom-value {
+ @include responsive-width($form-base-input-width);
+
+ display: block;
+}
+
+input[type=submit],
+button {
@include peertube-button;
@include orange-button;
font-size: 11px;
}
-.account-title {
- @include in-content-small-title;
-
- margin-top: 55px;
- margin-bottom: 30px;
-}
-
.danger-zone {
.reset-password-email {
margin-bottom: 30px;
- padding-bottom: 30px;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
button {
+ @include peertube-button;
+ @include danger-button;
+ @include disable-outline;
+
display: block;
margin-top: 0;
}
}
}
+
+.breadcrumb {
+ @include breadcrumb;
+}
+
+.dashboard {
+ @include dashboard;
+ max-width: 900px;
+}