@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
38 lines (35 loc) • 1.11 kB
CSS
@media (min-width: 941px) {
.gradient-overlay::before {
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1; } }
@media (min-width: 941px) {
.video--boxed-large {
padding-bottom: 130px;
padding-top: 130px; }
.video--boxed-large .banner__wrapper {
position: relative; }
.video--boxed-large .banner__content {
padding-bottom: 80px;
padding-top: 80px;
width: calc((28/58) * 100%); }
.video--boxed-large .banner__text-container {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc((33/58) * 100%);
-ms-flex: 0 0 calc((33/58) * 100%);
flex: 0 0 calc((33/58) * 100%);
grid-template-columns: repeat(7, minmax(0, 1fr)); }
.video--boxed-large .content-block__title {
font-size: 20px;
letter-spacing: 0;
line-height: 30px; } }
@media (min-width: 941px) and (min-width: 941px) {
.video--boxed-large .content-block__title {
font-size: 40px;
letter-spacing: -2px;
line-height: 45px; } }
/*# sourceMappingURL=boxed-large.css.map */