Sha256: 93bede1bde5a74a5eeb13e5f517108d6f4cff6542ebd109f621231f7b1615bd8
Contents?: true
Size: 776 Bytes
Versions: 37
Compression:
Stored size: 776 Bytes
Contents
/**
* This component implements a headline image. that fills whole page width
* with a stretched image. Over that the image in normal dimensions is shown.
*/
.c-headline-media {
position: relative;
min-height: 420px;
background: $secondary-color;
z-index: 1;
@include breakpoint(medium down) {
min-height: 250px;
}
@include breakpoint(mobile down) {
min-height: auto;
min-height: fit-content;
}
}
.c-headline-media__background {
z-index: -1;
width: 100%;
height: 100%;
min-height: 100%;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: .15;
}
.c-headline-media__body {
z-index: 1;
// fixes overflow
iframe {
float: left;
max-width: 100%;
}
}
Version data entries
37 entries across 37 versions & 1 rubygems