40 lines
869 B
Sass
40 lines
869 B
Sass
@import "_mixins/all"
|
|
|
|
.button
|
|
position: relative
|
|
overflow: visible
|
|
display: inline-block
|
|
padding: 5px 10px
|
|
border: 1px solid #d4d4d4
|
|
margin: 0
|
|
@include border-radius(4px)
|
|
background-color: #ececec
|
|
@include background(linear-gradient(#f4f4f4, #ececec))
|
|
background-clip: padding-box
|
|
cursor: pointer
|
|
outline: none
|
|
text-decoration: none
|
|
text-align: center
|
|
font: 11px/normal sans-serif
|
|
color: $gray-dark-3
|
|
white-space: nowrap
|
|
|
|
.button:hover,
|
|
.button:focus,
|
|
.button:active,
|
|
.button.active
|
|
border-color: #2356c4
|
|
border-bottom-color: #2a65a0
|
|
background-color: #4a80f3
|
|
@include background(linear-gradient(#6699fa, #4a80f3))
|
|
text-decoration: none
|
|
color: #fff
|
|
|
|
.button:active,
|
|
.button.active
|
|
border-color: #2a65a0
|
|
border-bottom-color: #2356c4
|
|
background-color: #4a80f3
|
|
@include background(linear-gradient(#4a80f3, #6699fa))
|
|
|