From 7a04bf141d466210384681f3e49276ffce0e3b6f Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@designcreateplay.com>
Date: Wed, 7 Oct 2015 06:33:57 -0400
Subject: [PATCH] missed a couple mixin use cases

---
 less/account.less       |  6 +-----
 less/chats.less         | 11 ++---------
 less/notifications.less |  4 +---
 less/posts_list.less    |  6 +-----
 less/search.less        |  6 +-----
 less/style.less         | 10 ++--------
 less/users.less         |  6 +-----
 7 files changed, 9 insertions(+), 40 deletions(-)

diff --git a/less/account.less b/less/account.less
index 7565abb..c3ca1fb 100644
--- a/less/account.less
+++ b/less/account.less
@@ -30,11 +30,7 @@
 }
 
 .user-profile-picture {
-	width:128px;
-	height:128px;
-	border-radius: 50%;
-	line-height: 128px;
-	font-size: 7.5rem;
+	.user-icon-style(128px, 7.5rem, 50%);
 }
 
 .user-picture-label {
diff --git a/less/chats.less b/less/chats.less
index 07ebd7a..2358ddc 100644
--- a/less/chats.less
+++ b/less/chats.less
@@ -73,15 +73,11 @@
 		}
 
 		.user-img {
-			width: 50px;
-			height: 50px;
-			line-height: 50px;
-			font-size: 2.4rem;
+			.user-icon-style(50px, 2.4rem, 50%);
 			float: left;
 			margin-top: 4px;
 			margin-right: 13px;
 			margin-left: 0.5em;
-			border-radius: 50%;
 		}
 
 		.status {
@@ -147,11 +143,8 @@
 			}
 
 			.chat-user-image {
-				width: 32px;
-				height: 32px;
-				border-radius: 50%;
+				.user-icon-style(32px, 1.6rem, 50%);
 				float: left;
-				font-size: 1.6rem;
 			}
 
 			.chat-user {
diff --git a/less/notifications.less b/less/notifications.less
index b4ed4f6..cccddab 100644
--- a/less/notifications.less
+++ b/less/notifications.less
@@ -32,9 +32,7 @@
 		}
 
 		.user-img {
-			width: 24px;
-			height: 24px;
-			border-radius: 50%;
+			.user-icon-style(24px, 1rem, 50%);
 		}
 	}
 }
\ No newline at end of file
diff --git a/less/posts_list.less b/less/posts_list.less
index be29ef2..0a0a78b 100644
--- a/less/posts_list.less
+++ b/less/posts_list.less
@@ -6,12 +6,8 @@
 		margin-bottom: 10px;
 
 		.user-img {
-			width: 24px;
-			height: 24px;
+			.user-icon-style(24px, 1.5rem, 50%);
 			float: left;
-			border-radius: 50%;
-			line-height: 24px;
-			font-size: 1.5rem;
 		}
 
 		a {
diff --git a/less/search.less b/less/search.less
index 1ce7e49..b2ef970 100644
--- a/less/search.less
+++ b/less/search.less
@@ -1,10 +1,6 @@
 .search {
 	.user-img {
-		width: 24px;
-		height: 24px;
-		line-height: 24px;
-		font-size: 1.5rem;
-		border-radius: 50%;
+		.user-icon-style(24px, 1.5, 50%);
 	}
 }
 
diff --git a/less/style.less b/less/style.less
index 222f036..ee9a361 100644
--- a/less/style.less
+++ b/less/style.less
@@ -67,16 +67,10 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 }
 
 .profile-image {
-	width: 52px;
-	height: 52px;
-	line-height: 52px;
-	font-size: 2.6rem;
+	.user-icon-style(52px, 2.6rem);
 
 	&.small {
-		width: 26px;
-		height: 26px;
-		line-height: 26px;
-		font-size: 1.3rem;
+		.user-icon-style(26px, 1.3rem);
 	}
 }
 
diff --git a/less/users.less b/less/users.less
index b15b31d..37a59ed 100644
--- a/less/users.less
+++ b/less/users.less
@@ -66,11 +66,7 @@
 	}
 
 	.user-img {
-		border-radius: 50%;
-		width: 20px;
-		height: 20px;
-		line-height: 20px;
-		font-size: 1rem;
+		.user-icon-style(20px, 1rem, 50%);
 		vertical-align: middle;
 	}