sass-site/source/assets/css/components/_banner.scss
2018-12-27 16:43:43 -08:00

36 lines
671 B
SCSS

.sl-c-banner {
position: relative;
&__brand 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);
&:hover,
&:focus { background: rgba($sl-color--iron, .5); }
&:active { background: $sl-color--iron; }
}
}
}