fitness-summary.less

.fitness-summary {
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	.heading {
		font-weight: bold;
		text-transform: uppercase;
	}
	.workout {
		padding: 6px 12px;
		border: 1px solid #ccc;
		border-bottom: none;
		&:last-child {
			border-bottom: 1px solid #ccc;
		}
		.summary {
			.set {
				.set-number, .repetition, .weight, .distance, .time {
					display: inline-block;
					width: ~"calc(20% - 10px)";
				}
				.set-number {
					font-weight: 700;
				}
			}
		}
	}
}

@media screen and (max-width: 550px) {
	.fitness-summary .workout .summary {
		.set {
			.set-number, .repetition, .weight, .distance, .time {
				font-size: small;
			}
		}
	}
}