sass-site/source/assets/css/regions/_banner.scss

43 lines
744 B
SCSS
Raw Normal View History

2018-12-29 02:59:53 +01:00
.sl-r-banner {
2018-12-28 01:31:28 +01:00
position: relative;
// add bottom padding to increase space
// above page titles (visible on mobile site)
padding-bottom: 3rem;
2018-12-29 02:26:36 +01:00
a {
display: inline-block;
2019-12-13 05:46:17 +01:00
}
2019-12-16 23:39:30 +01:00
&__brand a {
2018-12-29 02:26:36 +01:00
border: 0;
}
2019-12-13 05:46:17 +01:00
img {
2018-12-28 01:31:28 +01:00
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;
2018-12-28 01:43:43 +01:00
margin: 0 -1rem !important;
@include sl-breakpoint--medium {
right: -(sl-px-to-rem(16px));
margin: 0 !important;
}
2018-12-28 01:31:28 +01:00
}
a {
display: block;
padding: sl-px-to-rem(12px) sl-px-to-rem(16px);
2019-12-13 05:46:17 +01:00
border: 0;
2018-12-28 01:31:28 +01:00
}
}
2019-12-20 02:25:38 +01:00
}