mood-bar.less

.mood-bar {
	display: inline-block;
	margin-right: 8px;
	text-align: center;
	width: 30px;
	.time {
		font-size: 11px;
	}
	.bar {
		.slots {
			list-style: none;
			padding: 0;
			margin: 0;
			li {
				border: 1px solid white;
				display: block;
				margin: 0 10px;
				height: 9px;
				width: 9px;
				&.positive {
					background: green;
				}
				&.negative {
					background: red;
				}
				&.neutral {
					background: white;
					border: 1px solid #ccc;
				}
			}
		}
	}
}