51 lines
958 B
SCSS
51 lines
958 B
SCSS
.header {
|
|
@include flexbox();
|
|
@include align-items(center);
|
|
@include justify-content(center);
|
|
@include flex-direction(column);
|
|
|
|
.title {
|
|
font-family: $header_title_font;
|
|
font-weight: 900;
|
|
}
|
|
|
|
&__image {
|
|
background-image: url("../images/header/background.jpg"),
|
|
url("../images/header/background.png");
|
|
width: 100%;
|
|
height: 235px;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
position: relative;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
}
|
|
|
|
.custom-header {
|
|
@include flexbox();
|
|
@include justify-content(center);
|
|
@include flex-direction(column);
|
|
|
|
&__title {
|
|
line-height: 1.1;
|
|
font-weight: 700;
|
|
font-family: $header_title_font;
|
|
}
|
|
|
|
&__subtitle {
|
|
line-height: 1.2;
|
|
font-family: $header_title_font;
|
|
}
|
|
|
|
&__align-left {
|
|
@include align-items(flex-start);
|
|
}
|
|
|
|
&__align-center {
|
|
@include align-items(center);
|
|
}
|
|
|
|
&__align-right {
|
|
@include align-items(flex-end);
|
|
}
|
|
} |