Skip to content

Instantly share code, notes, and snippets.

@MishaShapka
Created November 8, 2018 11:09
Show Gist options
  • Save MishaShapka/249e23c35ad9eed0f18c6a2648864528 to your computer and use it in GitHub Desktop.
Save MishaShapka/249e23c35ad9eed0f18c6a2648864528 to your computer and use it in GitHub Desktop.
btn-class
.btn-class
display: inline-block
border: 1px solid #C9AE34
color: #000000
border-radius: 3px
-webkit-border-radius: 3px
-moz-border-radius: 3px
font-size: 18px
padding: 10px 40px
box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D,0 2px 4px 0 #D4D4D4
-moz-box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D,0 2px 4px 0 #D4D4D4
-webkit-box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D,0 2px 4px 0 #D4D4D4
background-image: linear-gradient(to top, #FCE374, #FCDF5B)
background-color: #FCE374
&:hover
text-decoration: none
border: 1px solid #967D09
color: #705D07
box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D
-moz-box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D
-webkit-box-shadow: inset 0 1px 0 0 #FFF6CE,inset 0 -1px 0 0 #E3C852,inset 0 0 0 1px #FCE88D
background-color: #FCDF5B
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment