Sha256: 1807eb877d185c33f19060c126e064369b72b17dff7e748e2152a309a10566bc
Contents?: true
Size: 1.4 KB
Versions: 8
Compression:
Stored size: 1.4 KB
Contents
$side-image-background-top: #B5EBEB;
$side-image-background-bottom: #5DAC5D;
$side-image-border: 1px solid darken(transparentize($side-image-background-bottom, .8), 30);
.side-image {
background: #F9F9F9;
@include media($large-screen) {
@include row(table);
}
.images-wrapper {
@include background(url('https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png'), linear-gradient($side-image-background-top, $side-image-background-bottom), no-repeat $side-image-background-top scroll);
background-color: $side-image-background-top;
border-bottom: $side-image-border;
background-size: cover;
display: block;
min-height: 12em;
padding: 3em;
@include media($large-screen) {
@include span-columns(4);
background-position: bottom;
background-size: cover;
border-right: $side-image-border;
}
}
.content {
@include span-columns(12);
padding: 1em 1em 4em 1em;
@include media($large-screen) {
@include span-columns(8);
padding: 4em 4em 8em 4em;
}
}
.content h1 {
margin-bottom: .9em;
}
.content h4 {
background: #BBB;
color: white;
display: inline-block;
font-size: .75em;
font-weight: 800;
margin-bottom: 1.3em;
padding: 3px 8px;
text-transform: uppercase;
}
.content p {
color: gray;
margin-bottom: 3em;
}
@include reset-display();
}
Version data entries
8 entries across 8 versions & 1 rubygems