sass-site/source/assets/sass/regions/_banner.scss
2023-01-31 00:13:57 -06:00

50 lines
925 B
SCSS

@use '../breakpoints';
@use '../functions';
@use '../visual-design/typography';
.sl-r-banner {
position: relative;
// add bottom padding to increase space
// above page titles (visible on mobile site)
padding-bottom: var(--gutter-triple);
a {
display: inline-block;
}
&__brand a {
border: 0;
}
img {
display: inline-block;
margin: 0;
height: functions.sl-px-to-rem(48px);
@include breakpoints.sl-breakpoint--medium {
height: functions.sl-px-to-rem(96px);
}
}
&__navigation {
font-weight: typography.$sl-font-weight--bold;
ul {
position: relative;
margin: 0 calc(var(--gutter) * -1) !important;
@include breakpoints.sl-breakpoint--medium {
right: calc(var(--gutter) * -1);
margin: 0 !important;
}
}
a {
display: block;
padding: var(--gutter-minus) var(--gutter);
border: 0;
}
}
}