Remove empty sass files

[github/Chocobozzz/PeerTube.git] / client / src / sass / include / _account-channel-page.scss

diff --git a/client/src/sass/include/_account-channel-page.scss b/client/src/sass/include/_account-channel-page.scss
index 06384b98d37dab7375f9d6f78417693a8422b232..ab6c772c159c1eba0c9d68dbe8dd766647f04076 100644 (file)
--- a/client/src/sass/include/_account-channel-page.scss
+++ b/client/src/sass/include/_account-channel-page.scss
@@ -16,15 +16,17 @@
 }
 
 @mixin show-more-description {
+  @include rfs(10px auto 45px, margin);
+  
   color: pvar(--mainColor);
   cursor: pointer;
-  margin: 10px auto 45px;
 }
 
 @mixin avatar-row-responsive ($img-margin, $grey-font-size) {
+  @include margin-bottom(2rem);
+
   display: flex;
   grid-column: 1;
-  margin-bottom: 30px;
 
   > div {
     @include margin-left($img-margin);
@@ -49,7 +51,8 @@
   }
 
   h1 {
-    font-size: 28px;
+    @include font-size(2rem);
+
     font-weight: $font-bold;
     margin: 0;
   }
@@ -60,8 +63,9 @@
 
   .actor-handle,
   .actor-counters {
+    @include font-size($grey-font-size);
+
     color: pvar(--greyForegroundColor);
-    font-size: $grey-font-size;
   }
 
   .actor-counters > *:not(:last-child)::after {
@@ -70,12 +74,11 @@
     color: pvar(--mainColor);
   }
 
-  @media screen and (max-width: $mobile-view) {
-    margin-bottom: 15px;
+  .main-avatar {
+    @include actor-avatar-size(120px);
+  }
 
-    h1 {
-      font-size: 22px;
-    }
+  @media screen and (max-width: $mobile-view) {
 
     .main-avatar {
       @include actor-avatar-size(80px);