Created
February 10, 2013 11:14
-
-
Save sebmck/4749273 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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