food-summary.less

.food-summary {
	border-bottom: 1px #acacac dashed;
	padding-bottom: 5px;
	&:last-child {
		border-bottom: none;
	}
	.drinks {
		padding-top: 10px;
	}
	.type {
		border: 1px solid grey;
		margin-right: 20px;
		vertical-align: top;
		width: 64px;
		text-align: center;
	}
	.desc {
		display: none;
	}
	.all {
		border: 1px solid #acacac;
		width: ~"calc(100% - 90px)";
	}
	.type, .all, .each .info, .each .amount {
		display: inline-block;
	}
	.each {
		padding: 0 10px;
		border-top: 1px solid #acacac;
	}
	.each:first-child {
		border-top: none;
	}
	.each .info {
		vertical-align: middle;
		width: ~"calc(70% - 10px)";
	}
	.each .amount {
		vertical-align: middle;
		width: ~"calc(30% - 10px)";
		text-align: right;
	}
}

@media screen and (max-width: 480px) {
	.food-summary {
		.type, .all {
			display: block;
		}
		.type {
			border: none;
			.fa-cutlery, .fa-glass {
				display: none;
			}
		}
		.desc {
			display: block;
		}
		.all {
			width: 100%;
		}
	}
}