treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

1.6 changed files for unified avatar styling -- updated to restore unity

remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Matthew Walsh 2017-06-18 15:09:03 -07:00
parent cdc22d23b9
commit 56094cb4bd
2 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/styles/about.scss
View File

@ -424,16 +424,14 @@
text-align: center; text-align: center;
.avatar { .avatar {
width: 80px; @include avatar-size(80px);
height: 80px;
margin: 0 auto; margin: 0 auto;
margin-bottom: 15px; margin-bottom: 15px;
img { img {
@include avatar-radius();
@include avatar-size(80px);
display: block; display: block;
width: 80px;
height: 80px;
border-radius: 48px;
} }
} }

20
app/javascript/styles/accounts.scss
View File

@ -83,16 +83,15 @@
} }
.avatar { .avatar {
width: 120px; @include avatar-size(120px);
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
z-index: 2; z-index: 2;
img { img {
width: 120px; @include avatar-radius();
height: 120px; @include avatar-size(120px);
display: block; display: block;
border-radius: 120px;
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2); box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
} }
} }
@ -408,14 +407,12 @@
} }
.avatar { .avatar {
width: 80px; @include avatar-size(80px);
height: 80px;
img { img {
display: block; display: block;
width: 80px; @include avatar-radius();
height: 80px; @include avatar-size(80px);
border-radius: 80px;
border: 2px solid $simple-background-color; border: 2px solid $simple-background-color;
background: $simple-background-color; background: $simple-background-color;
} }
@ -495,15 +492,14 @@
} }
& > div { & > div {
@include avatar-size(48px);
float: left; float: left;
margin-right: 10px; margin-right: 10px;
width: 48px;
height: 48px;
} }
.avatar { .avatar {
@include avatar-radius();
display: block; display: block;
border-radius: 4px;
} }
.display-name { .display-name {