Skip to content

Instantly share code, notes, and snippets.

@baranok
Created March 2, 2015 08:55
Show Gist options
  • Save baranok/a61216687afbeff1d78a to your computer and use it in GitHub Desktop.
Save baranok/a61216687afbeff1d78a to your computer and use it in GitHub Desktop.
.option{
color: rgb(249,249,249);
height: 2.25rem;
font-size: 1.125em;
padding: 0 .5em;
line-height: 1.8;
margin: 0 0 .825rem 0;
border-radius: .25rem;
box-shadow: inset 0px -.2em 0px 0px rgba(0,0,0,.2), inset 0px 0px 0px 100px rgba(0,0,0,0), 0px .2em 0px 0px rgba(0,0,0,.2);
cursor: pointer;
}
.option:hover{
box-shadow: inset 0px -.2em 0px 0px rgba(0,0,0,.25), inset 0px 0px 0px 100px rgba(0,0,0,.1), 0px .2em 0px 0px rgba(0,0,0,.2);
}
.option:active{
-webkit-transform: translate(0,2px);
-moz-transform: translate(0,2px);
-ms-transform: translate(0,2px);
-o-transform: translate(0,2px);
transform: translate(0,2px);
box-shadow: inset 0px -.1em 0px 0px rgba(0,0,0,.25), inset 0px 0px 0px 100px rgba(0,0,0,.1), 0px .1em 0px 0px rgba(0,0,0,.2);
}
.option:last-of-type{
margin: 0;
}
.color-blue {
background: rgb(53,101,160);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment