-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use 'bootstrap/scss/functions' as *;
-.user {
- display: flex;
-
- img {
- @include avatar(50px);
-
- margin-right: 15px;
- }
-
- .user-info {
- .user-info-names {
- display: flex;
- align-items: center;
-
- .user-info-display-name {
- font-size: 20px;
- font-weight: $font-bold;
- }
-
- .user-info-username {
- margin-left: 7px;
- position: relative;
- top: 2px;
- font-size: 14px;
- color: #777272;
- }
- }
-
- .user-info-followers {
- font-size: 15px;
- }
- }
-}
-
-.button-file {
- @include peertube-button-file(160px);
-
- margin-top: 10px;
- margin-bottom: 5px;
-}
-
-.file-max-size {
- display: inline-block;
- font-size: 13px;
-
- position: relative;
- top: -10px;
-}
-
-.user-quota {
- font-size: 15px;
- margin-top: 20px;
+.account-title {
+ @include settings-big-title;
- .user-quota-label {
- font-weight: $font-semibold;
+ &.account-title-danger {
+ color: lighten($color: #c54130, $amount: 10);
}
}
-.account-title {
- @include in-content-small-title;
-
- margin-top: 55px;
- margin-bottom: 30px;
+.row > div {
+ max-width: 500px;
}