using fancy new mixin

9 years ago · 167ba64018
parent 5c71bb5923
commit 167ba64018
3 changed files with 10 additions and 8 deletions
--- a/public/less/admin/manage/users.less
+++ b/public/less/admin/manage/users.less
@ -18,10 +18,7 @@
 			min-width: 125px;

 			img, .user-icon {
-				width:80px;
-				height:80px;
-				line-height: 80px;
-				font-size: 4rem;
+				.user-icon-style(80px, 4rem);
 			}

 			a {
--- a/public/less/generics.less
+++ b/public/less/generics.less
@ -30,12 +30,9 @@
 		}

 		img, .user-icon {
+			.user-icon-style(36px, 1.8rem);
 			float: left;
-			height: 36px;
-			width: 36px;
 			margin-right: 1rem;
-			line-height: 36px;
-			font-size: 1.8rem;
 		}

 		span {
--- a/public/less/mixins.less
+++ b/public/less/mixins.less
@ -69,4 +69,12 @@

 		margin-bottom: 10px;
 	}
+}
+
+.user-icon-style(@size: 32px, @font-size: 1.5rem, @border-radius: inherit) {
+	border-radius: @border-radius;
+	width: @size;
+	height: @size;
+	line-height: @size;
+	font-size: @font-size;
 }