v2 first commit

resources/assets/sass/core/avatars/_avatar-group.scss

@@ -0,0 +1,22 @@
+//
+// Avatar group
+//
+
+// General styles
+
+.avatar-group {
+	.avatar {
+		position: relative;
+		z-index: 2;
+		border: 2px solid $card-bg;
+
+		&:hover {
+			z-index: 3;
+		}
+	}
+
+	.avatar + .avatar {
+		margin-left: -1rem;
+
+	}
+}

resources/assets/sass/core/avatars/_avatar.scss

@@ -0,0 +1,59 @@
+//
+// Avatar
+//
+
+// General styles
+
+.avatar {
+	color: $white;
+	background-color: $gray-500;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 1rem;
+	border-radius: $border-radius;
+	height: 48px;
+	width: 48px;
+
+    img {
+    	width: 100%;
+    	border-radius: $border-radius;
+    }
+
+	&.rounded-circle {
+		img {
+			@extend .rounded-circle;
+		}
+	}
+
+    + .avatar-content {
+    	display: inline-block;
+    	margin-left: .75rem;
+    }
+}
+
+
+// Avatar size variations
+
+.avatar-xl {
+	width: 74px;
+	height: 74px;
+}
+
+.avatar-lg {
+	width: 58px;
+	height: 58px;
+	font-size: $font-size-sm;
+}
+
+.avatar-sm {
+	width: 36px;
+	height: 36px;
+	font-size: $font-size-sm;
+}
+
+.avatar-xs {
+	width: 24px;
+	height: 24px;
+	font-size: $font-size-xs;
+}