Skip to content

Instantly share code, notes, and snippets.

@sebmck
Created February 10, 2013 11:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sebmck/4749273 to your computer and use it in GitHub Desktop.
Save sebmck/4749273 to your computer and use it in GitHub Desktop.
ul.buttons
clear-fix()
font-weight bold
> li
float left
position relative
.icon
position absolute
top 50%
left 50%
margin-top -8px
margin-left -8px
z-index 15
pointer-events none
.primary.active, input:checked ~ .primary
background-color #45484b
color #babcbd
&:hover
background-color #55575a
color #c0c1c2
&:active
background-color #45484b
color #909292
&:first-child .primary
border-left-radius 3px
&:last-child .primary
border-right-radius 3px
box-shadow inset 0 1px rgba(#fff, 5%)
&:not(:last-child) .primary
border-right none
.primary
border-box()
text-align center
display block
width 100%
height 100%
background none
border none
box-shadow none
padding 0
border-radius 0
line-height 30px
height 32px
color #919394
border 1px solid #303336
box-shadow inset 0 1px rgba(#fff, 5%), inset -1px 0 rgba(#fff, 4%)
background-color #373a3d
&:hover
background-color #4d5052
color #bdbebf
&:active
background-color #45484b
color #909292
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment