Add local user subscriptions

[github/Chocobozzz/PeerTube.git] / client / src / sass / include / _mixins.scss

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index b0b0f544c2f8e939e12351407c438aecf93f9fa3..aafe478f9596007263c1bd2207ca3a5ae756899c 100644 (file)
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -335,6 +335,27 @@
   font-size: 13px;
 }
 
+@mixin actor-owner {
+  @include disable-default-a-behaviour;
+
+  display: block;
+  font-size: 13px;
+  margin-top: 4px;
+  color: #000;
+
+  span:hover {
+    opacity: 0.8;
+  }
+
+  img {
+    @include avatar(18px);
+
+    margin-left: 7px;
+    position: relative;
+    top: -2px;
+  }
+}
+
 @mixin sub-menu-with-actor {
   height: 160px;
   display: flex;
@@ -371,7 +392,7 @@
           position: relative;
           top: 3px;
           font-size: 14px;
-          color: #777272;
+          color: $grey-actor-name;
         }
       }
 
@@ -380,24 +401,7 @@
       }
 
       .actor-owner {
-        @include disable-default-a-behaviour;
-
-        display: block;
-        font-size: 13px;
-        margin-top: 4px;
-        color: #000;
-
-        span:hover {
-          opacity: 0.8;
-        }
-
-        img {
-          @include avatar(18px);
-
-          margin-left: 7px;
-          position: relative;
-          top: -2px;
-        }
+        @include actor-owner;
       }
     }
   }
@@ -426,3 +430,18 @@
     background-image: url($imageUrl);
   }
 }
+
+@mixin row-blocks {
+  display: flex;
+  min-height: 130px;
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #C6C6C6;
+
+  @media screen and (max-width: 800px) {
+    flex-direction: column;
+    height: auto;
+    text-align: center;
+    align-items: center;
+  }
+}
\ No newline at end of file