Sha256: d5517721b4369157dcf8cd5cc5700fe6ec50902e9d6c95a147ad0f43501c7afc
Contents?: true
Size: 755 Bytes
Versions: 14
Compression:
Stored size: 755 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;
}
}
Version data entries
14 entries across 14 versions & 1 rubygems