diff options
author | Matthew Walsh <mattwcstrfan@gmail.com> | 2017-06-18 15:09:03 -0700 |
---|---|---|
committer | beatrix-bitrot <beatrix.bitrot@gmail.com> | 2017-06-24 03:03:27 +0000 |
commit | f1a60d4b81ced3bc6d2bc7251b6f6f75d6d76593 (patch) | |
tree | b4ae0673598f3d4d43f30e29a638253b58a101eb /app/javascript/styles/accounts.scss | |
parent | 2513d92c54aaf30da3b658acdca8a70fb0a85a28 (diff) |
Unified avatar styling
Avatars now have consistent styling across all pages; border radius can be adjusted with a SASS variable ($ui-avatar-border-size)
Diffstat (limited to 'app/javascript/styles/accounts.scss')
-rw-r--r-- | app/javascript/styles/accounts.scss | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss index 801817d80..10f8bd2b9 100644 --- a/app/javascript/styles/accounts.scss +++ b/app/javascript/styles/accounts.scss @@ -46,17 +46,16 @@ } .avatar { - width: 120px; + @include avatar-size(120px); margin: 0 auto; margin-bottom: 15px; position: relative; z-index: 2; img { - width: 120px; - height: 120px; + @include avatar-radius(); + @include avatar-size(120px); display: block; - border-radius: 120px; } } @@ -283,16 +282,14 @@ } .avatar { - width: 60px; - height: 60px; + @include avatar-size(60px); float: left; margin-right: 15px; img { + @include avatar-radius(); + @include avatar-size(60px); display: block; - width: 60px; - height: 60px; - border-radius: 60px; } } @@ -359,15 +356,14 @@ } & > div { + @include avatar-size(48px); float: left; margin-right: 10px; - width: 48px; - height: 48px; } .avatar { + @include avatar-radius(); display: block; - border-radius: 4px; } .display-name { |