--- /dev/null
+/*
+ * Component: Users List
+ * ---------------------
+ */
+.users-list {
+ &:extend(.list-unstyled);
+ > li {
+ width: 25%;
+ float: left;
+ padding: 10px;
+ text-align: center;
+ img {
+ .border-radius(50%);
+ max-width: 100%;
+ height: auto;
+ }
+ > a:hover {
+ &,
+ .users-list-name {
+ color: #999;
+ }
+ }
+ }
+}
+
+.users-list-name,
+.users-list-date {
+ display: block;
+}
+
+.users-list-name {
+ font-weight: 600;
+ color: #444;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.users-list-date {
+ color: #999;
+ font-size: 12px;
+}