2019-12-30 20:54:53 +01:00
|
|
|
.embed__wrapper {
|
|
|
|
|
height: 100vh;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
position: relative;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
2020-01-29 21:21:03 +01:00
|
|
|
background-color: var(--color-black);
|
2020-05-22 03:26:46 +02:00
|
|
|
h1 {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
2019-12-30 20:54:53 +01:00
|
|
|
}
|
2020-04-29 22:50:06 +02:00
|
|
|
|
|
|
|
|
.embed__inline-button {
|
|
|
|
|
@include thumbnail;
|
|
|
|
|
position: relative;
|
|
|
|
|
background-position: 50% 50%;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
width: 100%;
|
2020-04-30 17:01:11 +02:00
|
|
|
height: auto;
|
2020-04-29 22:50:06 +02:00
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
@media (max-width: $breakpoint-small) {
|
|
|
|
|
height: 200px;
|
|
|
|
|
}
|
|
|
|
|
}
|
