Sha256: 01c84785db40855d172bd58526a30b1e50d4f4708e28dc5bdf80e0999d188aa1
Contents?: true
Size: 1.04 KB
Versions: 8
Compression:
Stored size: 1.04 KB
Contents
.hover-tile-outer {
$hover-tile-height: 10em;
background-position: bottom;
background-size: cover;
background: url("/images/mountains.png");
background-size: cover;
background-color: $base-accent-color;
border: 1px solid $base-border-color;
height: $hover-tile-height;
margin-bottom: $base-line-height;
cursor: pointer;
@include media($medium-screen) {
width: 40%;
}
.hover-tile-container {
height: $hover-tile-height;
overflow: hidden;
}
.hover-tile-container:hover > .hover-tile {
@include transform(translate(0, -100%));
}
.hover-tile {
@include transition(all, .2s ease-in-out);
background:inherit;
color: white;
height:inherit;
padding: 1em 1.5em;
}
.hover-tile-visible {
color: transparentize(white, .3);
font-size: 2em;
font-weight: 200;
padding-top: 1.5em;
text-align: center;
}
.hover-tile-hidden {
background: transparentize(black, .5);
h4 {
margin-bottom: .5em;
}
p {
color: transparentize(white, .3);
}
}
}
Version data entries
8 entries across 8 versions & 1 rubygems