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

28 lines
518 B
SCSS

.header {
color: $primary;
background-color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
// box-shadow: 0 1px 15px rgba(50, 50, 93, 0.2);
border-bottom: 1px solid $white-offset;
padding: 10px 0px;
.container {
display: flex;
justify-content: space-between;
align-items: center;
}
&.header-absolute {
position: absolute;
z-index: 10;
width: 100%;
}
}
.lock-scroll {
.header {
&.header-absolute {
position: static;
}
}
}