@import '../../style/mixin';

.h-list {
	&-container {
		margin-bottom: 20px;
	}

	&-item {
		display: flex;
		padding: 12px 15px;
		background: #fff;
		// border-bottom: 1px solid #e5e5e5;
		@include border(bottom, #e5e5e5);

		&:last-child {
			border-bottom: none;
		}

		&-content {
			flex: 1;

			&-description {
				@include line-clamp();
				font-size: 14px;
			}

			&-actions > li {
				display: inline-block;
				color: #666;
			}

			&-actions > li+li {
				margin-left: 10px;
			}
		}

		&-action {
			margin-left: 20px;
		}

		&-avatar {
			width: 120px;
			margin-right: 10px;

			& img {
				width: 100%;
				height: 100%;
				float: left;
			}
		}
	}
}