missed a couple mixin use cases

main
Julian Lam 10 years ago
parent a57fd89d31
commit 7a04bf141d

@ -30,11 +30,7 @@
} }
.user-profile-picture { .user-profile-picture {
width:128px; .user-icon-style(128px, 7.5rem, 50%);
height:128px;
border-radius: 50%;
line-height: 128px;
font-size: 7.5rem;
} }
.user-picture-label { .user-picture-label {

@ -73,15 +73,11 @@
} }
.user-img { .user-img {
width: 50px; .user-icon-style(50px, 2.4rem, 50%);
height: 50px;
line-height: 50px;
font-size: 2.4rem;
float: left; float: left;
margin-top: 4px; margin-top: 4px;
margin-right: 13px; margin-right: 13px;
margin-left: 0.5em; margin-left: 0.5em;
border-radius: 50%;
} }
.status { .status {
@ -147,11 +143,8 @@
} }
.chat-user-image { .chat-user-image {
width: 32px; .user-icon-style(32px, 1.6rem, 50%);
height: 32px;
border-radius: 50%;
float: left; float: left;
font-size: 1.6rem;
} }
.chat-user { .chat-user {

@ -32,9 +32,7 @@
} }
.user-img { .user-img {
width: 24px; .user-icon-style(24px, 1rem, 50%);
height: 24px;
border-radius: 50%;
} }
} }
} }

@ -6,12 +6,8 @@
margin-bottom: 10px; margin-bottom: 10px;
.user-img { .user-img {
width: 24px; .user-icon-style(24px, 1.5rem, 50%);
height: 24px;
float: left; float: left;
border-radius: 50%;
line-height: 24px;
font-size: 1.5rem;
} }
a { a {

@ -1,10 +1,6 @@
.search { .search {
.user-img { .user-img {
width: 24px; .user-icon-style(24px, 1.5, 50%);
height: 24px;
line-height: 24px;
font-size: 1.5rem;
border-radius: 50%;
} }
} }

@ -67,16 +67,10 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
} }
.profile-image { .profile-image {
width: 52px; .user-icon-style(52px, 2.6rem);
height: 52px;
line-height: 52px;
font-size: 2.6rem;
&.small { &.small {
width: 26px; .user-icon-style(26px, 1.3rem);
height: 26px;
line-height: 26px;
font-size: 1.3rem;
} }
} }

@ -66,11 +66,7 @@
} }
.user-img { .user-img {
border-radius: 50%; .user-icon-style(20px, 1rem, 50%);
width: 20px;
height: 20px;
line-height: 20px;
font-size: 1rem;
vertical-align: middle; vertical-align: middle;
} }

Loading…
Cancel
Save