65 lines
1.0 KiB
SCSS
65 lines
1.0 KiB
SCSS
.full {
|
|
min-height: 100vh;
|
|
color: white;
|
|
font-family: $sans-serif;
|
|
font-weight: 300;
|
|
background-color: #213334;
|
|
|
|
.pageTitle {
|
|
// font-weight: 300;
|
|
}
|
|
|
|
.socialLinks__link {
|
|
@include button--outline(white, black);
|
|
}
|
|
|
|
&__image {
|
|
background-size: cover;
|
|
background-position: center;
|
|
@include responsivebackground("full-sm.jpg", "full-md.jpg", "full-lg.jpg");
|
|
min-height: 50vh;
|
|
|
|
@include min(md) {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
}
|
|
}
|
|
|
|
main {
|
|
@include min(md) {
|
|
display: flex;
|
|
height: 100vh;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
&.content--left {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
&.content--center {
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
&__content {
|
|
padding: 20px;
|
|
|
|
@include min(md) {
|
|
max-width: 50vw;
|
|
z-index: 10;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
&__image {
|
|
min-height: 50vh;
|
|
order: 1;
|
|
}
|
|
}
|