/* ==========================================================================
Event Receipt.scss ========================================================================== */
.event-receipt-block {
@include clearfix; @include breakpoint(medium) { padding: 2.5rem 3.5rem; } // Table .event-receipt-meta { color: map-get($gray, 4); @include breakpoint(medium) { float: left; width: 80%; } } // Table data key .meta-key { color: map-get($gray, 7); display: inline-block; font-size: 1.2rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; } // Total event cost .event-receipt-price { border: 1px solid map-get($gray, 7); display: block; font-size: 3rem; padding: 1rem 0; text-align: center; @include breakpoint(medium) { float: right; width: 20%; } }
}