cycat-project-website/_sass/components/_header-sticky.scss

50 lines
1.0 KiB
SCSS
Raw Normal View History

2018-12-09 08:21:01 +01:00
.sticky {
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
background-color: #ffffff;
color: $primary;
box-shadow: 0 1px 2px 0 rgba(36, 50, 66, 0.15);
transition: padding 225ms, box-shadow 225ms, background-color 0.3s;
.logo {
@include media-breakpoint-up(lg) {
opacity: 1;
transition: opacity 225ms;
}
}
.main-menu {
> ul {
> li {
> a {
&:hover {
background: $primary;
color: #fff;
}
}
}
}
}
.hamburger {
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background: $primary;
}
}
.social {
.social-instagram {
background-image: url('/images/social/logo-instagram-blue.svg');
}
.social-linkedin {
background-image: url('/images/social/logo-linkedin-blue.svg');
}
.social-twitter {
background-image: url('/images/social/logo-twitter-blue.svg');
}
.social-vimeo {
background-image: url('/images/social/logo-vimeo-blue.svg');
}
}
}