From f1a60d4b81ced3bc6d2bc7251b6f6f75d6d76593 Mon Sep 17 00:00:00 2001
From: Matthew Walsh <mattwcstrfan@gmail.com>
Date: Sun, 18 Jun 2017 15:09:03 -0700
Subject: Unified avatar styling Avatars now have consistent styling across all
 pages; border radius can be adjusted with a SASS variable
 ($ui-avatar-border-size)

---
 app/javascript/styles/stream_entries.scss | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

(limited to 'app/javascript/styles/stream_entries.scss')

diff --git a/app/javascript/styles/stream_entries.scss b/app/javascript/styles/stream_entries.scss
index fcec32d44..490e36fab 100644
--- a/app/javascript/styles/stream_entries.scss
+++ b/app/javascript/styles/stream_entries.scss
@@ -64,19 +64,17 @@
 
     .status__avatar {
       position: absolute;
+      @include avatar-size(48px);
       left: 14px;
       top: 14px;
-      width: 48px;
-      height: 48px;
 
       & > div {
-        width: 48px;
-        height: 48px;
+        @include avatar-size(48px);
       }
 
       img {
+        @include avatar-radius();
         display: block;
-        border-radius: 4px;
       }
     }
 
@@ -164,12 +162,11 @@
     }
 
     .avatar {
-      width: 48px;
-      height: 48px;
+      @include avatar-size(48px);
 
       img {
+        @include avatar-radius();
         display: block;
-        border-radius: 4px;
       }
     }
 
-- 
cgit