/* Header */
header-background {
background-size: cover, 70% 100%; background-position: center top, right top; background-repeat: no-repeat, no-repeat;
}
header {
@include vendor('display', 'flex'); border-bottom: solid 5px _palette(accent); position: relative; > * { margin-bottom: 0; } .logo { @include vendor('flex', '2'); border-bottom: 0; color: inherit; font-family: _font(family-heading); font-size: 1.125em; } .icons { }
}
/* Inverted */
header.inverted {
border-bottom: solid 5px _palette(accent-inverted);
}
header-background.inverted {
background-color: _palette(bg-alt-inverted);
}