Skip to content

Instantly share code, notes, and snippets.

@Xanir
Created January 11, 2018 15:41
Show Gist options
  • Save Xanir/748317ed992c6c6e630f6390caa8c643 to your computer and use it in GitHub Desktop.
Save Xanir/748317ed992c6c6e630f6390caa8c643 to your computer and use it in GitHub Desktop.
.lift-card {
background-color: peach;
}
.liftable {
padding: 0;
transition: padding 0.1s ease-in-out;
.lift-card {
margin-top: 0px;
box-shadow: 0 0 0 0 rgba(0,0,0,.25);
transition: margin 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}
}
.lift-pwr-5 {
margin: 5px 10px 10px 10px;
&:hover {
padding-bottom: 5px;
.lift-card {
margin-top: -5px;
box-shadow: 0px 10px 20px 0px rgba(0,0,0,.25);
}
}
}
.lift-pwr-3 {
margin: 3px 6px 6px 6px;
&:hover {
padding-bottom: 3px;
.lift-card {
margin-top: -3px;
box-shadow: 0px 6px 12px 0px rgba(0,0,0,.25);
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment