Unified avatar styling

Avatars now have consistent styling across all pages; border radius can be adjusted with a SASS variable ($ui-avatar-border-size)
2017-06-18 15:09:03 -07:00
parent 2513d92c54
commit f1a60d4b81
7 changed files with 27 additions and 36 deletions
--- a/app/javascript/styles/about.scss
+++ b/app/javascript/styles/about.scss
@@ -172,16 +172,14 @@
  text-align: center;

  .avatar {
-    width: 80px;
-    height: 80px;
+    @include avatar-size(80px);
    margin: 0 auto;
    margin-bottom: 15px;

    img {
+      @include avatar-radius();
+      @include avatar-size(80px);
      display: block;
-      width: 80px;
-      height: 80px;
-      border-radius: 48px;
    }
  }