Skip to content

Instantly share code, notes, and snippets.

@Xanir Xanir/lift css
Created Jan 11, 2018

Embed
What would you like to do?
.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
You can’t perform that action at this time.