Sha256: c884df03435452224107cbe359c917e6aba14282ff7cb7f4598f742cfbb0e839
Contents?: true
Size: 1.38 KB
Versions: 8
Compression:
Stored size: 1.38 KB
Contents
.image-gradient-dynamic {
$image-gradient-color-top: red;
$transparency-top: .9;
$image-gradient-color-bottom: green;
$transparency-bottom: .6;
$vertical-angle: 0deg;
$image-gradient-color-left: teal;
$transparency-left: .8;
$image-gradient-color-right: yellow;
$transparency-right: .8;
$horizontal-angle: 90deg;
position: relative;
line-height: 0;
width: 100%;
margin-bottom: $base-line-height;
img {
width: 100%;
height: auto;
position: relative;
top: 0;
left: 0;
}
.copy {
position: absolute;
top: 50%;
left: 50%;
margin: auto;
z-index: 999;
text-align: center;
@include transform(translate(-50%, -50%));
p {
line-height: 1.5em;
padding: 1em 2em;
position: relative;
color: white;
font-weight: 800;
}
}
.overlay {
@include linear-gradient($vertical-angle, transparentize($image-gradient-color-top, $transparency-top),
transparentize($image-gradient-color-bottom, $transparency-bottom));
display: block;
@include position(absolute, 0px 0px 0px 0px);
&:after {
content: '';
@include linear-gradient($horizontal-angle, transparentize($image-gradient-color-left, $transparency-left),
transparentize($image-gradient-color-right, $transparency-right));
display: block;
@include position(absolute, 0px 0px 0px 0px);
}
}
}
Version data entries
8 entries across 8 versions & 1 rubygems