Sha256: 330657ff5ef5e9e06d055e85aa293ecbb0f4d9beca7031dc9c5ef88b4eb565ee
Contents?: true
Size: 1.64 KB
Versions: 51
Compression:
Stored size: 1.64 KB
Contents
/* Banner */
#banner {
@include padding(6em, 0);
@include vendor('display', 'flex');
background-size: 100% auto;
background-position: center -5em;
background-repeat: no-repeat;
h1 {
margin-top: -0.125em;
}
.content {
@include vendor('flex-grow', '1');
@include vendor('flex-shrink', '1');
width: 50%;
}
.image {
@include vendor('flex-grow', '0');
@include vendor('flex-shrink', '0');
display: block;
margin: 0 0 _size(element-margin) (_size(element-margin) * 2);
width: 50%;
img {
height: 100%;
-moz-object-fit: cover;
-webkit-object-fit: cover;
-ms-object-fit: cover;
object-fit: cover;
-moz-object-position: center;
-webkit-object-position: center;
-ms-object-position: center;
object-position: center;
width: 100%;
}
}
@include orientation(portrait) {
@include vendor('flex-direction', 'column-reverse');
h1 {
br {
display: none;
}
}
.content {
@include vendor('flex-grow', '0');
@include vendor('flex-shrink', '0');
width: 100%;
}
.image {
@include vendor('flex-grow', '0');
@include vendor('flex-shrink', '0');
margin: 0 0 (_size(element-margin) * 2) 0;
height: 25em;
max-height: 50vh;
min-height: 18em;
width: 100%;
}
}
}
Version data entries
51 entries across 51 versions & 1 rubygems