// ========================================================================== // Transaction Template // ==========================================================================
.transactional-page {
background-color: $body-bg; position: relative; // on transactional pages we include a faux header bg &:before { content: ' '; display: block; width: 100%; height: 24rem; background: $gradient-blue; position: absolute; top: 0; left: 0; right: 0; } .sheet { border-radius: 3px; margin-bottom: 3rem; }
}
// Persistent Block // —————- // used inside a sheet for important content // on mobile, block will display inside the sheet // on large screens, block appears in nav header .persistent-block {
background-color: rgba($black, .05); margin: (-$spacing-default) (-$spacing-default) $spacing-default; padding: $spacing-default; text-align: center; .persistent-title { margin: 0; } .persistent-meta { color: map-get($gray, 4); }
}