sass-site/source/assets/css/regions/_banner.scss
Daniel Haim 87415b956e
Spacing improvement (#496)
- Added a spacer to the follow button on footer (mobile only)
- Added missing spacer from page titles (mobile + desktop)
2020-10-29 13:44:56 -07:00

43 lines
744 B
SCSS

.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: sl-px-to-rem(48px);
@include sl-breakpoint--medium { height: sl-px-to-rem(96px); }
}
&__navigation {
font-weight: $sl-font-weight--bold;
ul {
position: relative;
margin: 0 -1rem !important;
@include sl-breakpoint--medium {
right: -(sl-px-to-rem(16px));
margin: 0 !important;
}
}
a {
display: block;
padding: sl-px-to-rem(12px) sl-px-to-rem(16px);
border: 0;
}
}
}