sass-site/source/assets/sass/regions/_banner.scss
2023-01-12 12:19:42 -06:00

50 lines
921 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: 3rem;
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 -1rem !important;
@include breakpoints.sl-breakpoint--medium {
right: -(functions.sl-px-to-rem(16px));
margin: 0 !important;
}
}
a {
display: block;
padding: functions.sl-px-to-rem(12px) functions.sl-px-to-rem(16px);
border: 0;
}
}
}