1
0
mirror of https://github.com/danbee/danbarberphoto synced 2025-03-04 08:49:07 +00:00
danbarberphoto/app/assets/stylesheets/includes/_button.sass
2011-10-10 15:39:52 +01:00

25 lines
780 B
Sass

@mixin button
display: inline-block
position: relative
font-family: "Helvetica Neue", "Arial", sans-serif
font-size: 1em
text-decoration: none
padding: 0.3em 1em
@include v-linear-grad(rgba(0,0,0,0), rgba(0,0,0,0.2))
@include box-shadow("0 1px 0 rgba(0, 0, 0, 0.25), inset -1px -1px 0 rgba(255, 255, 255, 0.5), inset 1px 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3)")
border-width: 1px
border-style: solid
border-color: #888
background-color: white
color: #555
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
font-weight: bold
cursor: pointer
@include transition(all 0.15s 0s ease)
@include round-corners(3px)
&:hover, &:focus
background-color: #eee
color: #555
&:active
top: 1px