.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%;
}
}
}