Skip to content

Instantly share code, notes, and snippets.

@visnup
Created April 15, 2010 01:25
Show Gist options
  • Save visnup/366575 to your computer and use it in GitHub Desktop.
Save visnup/366575 to your computer and use it in GitHub Desktop.
=rounded(!width=3px)
:-webkit-border-radius = !width
:-moz-border-radius = !width
=shadow(!alpha=0.2, !x=0px, !y=1px, !radius=5px)
:-webkit-box-shadow rgba(0, 0, 0, #{!alpha}) #{!x} #{!y} #{!radius}
:-moz-box-shadow rgba(0, 0, 0, #{!alpha}) #{!x} #{!y} #{!radius}
=background_gradient(!from, !to)
:background-color = !from
:background -moz-linear-gradient(#{!from}, #{!to})
:background -webkit-gradient(linear, left top, left bottom, from(#{!from}), to(#{!to}))
=button
+rounded
+background_gradient(#eee, #ccc)
+shadow(0.15)
:border solid 1px #ccc
:border-right-color #999
:border-bottom-color #999
:text-shadow rgba(255, 255, 255, 0.4) 0px 1px 0px
&:active
+background_gradient(#ccc, #eee)
&[disabled]
+background_gradient(#eee, #ccc)
:color #aaa
=grouped
+rounded(0px)
:border solid 1px #{!dark_grey}
:border-left-width 0px
:cursor pointer
&:first-of-type
:border-left-width 1px
:-webkit-border-top-left-radius 3px
:-webkit-border-bottom-left-radius 3px
:-moz-border-radius-topleft 3px
:-moz-border-radius-bottomleft 3px
&:last-of-type
:-webkit-border-top-right-radius 3px
:-webkit-border-bottom-right-radius 3px
:-moz-border-radius-topright 3px
:-moz-border-radius-bottomright 3px
&.current
+background_gradient(#ccc, #aaa)
button, input[type=submit]
:font-size = !small
:padding 4px 8px
+button
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment