50 lines
1.0 KiB
SCSS
50 lines
1.0 KiB
SCSS
|
.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');
|
||
|
}
|
||
|
}
|
||
|
}
|