Sha256: 65f2b9f3206bffbd2aee73a809d42852d574c1fd8ff791e1249ea387b686e398
Contents?: true
Size: 891 Bytes
Versions: 25
Compression:
Stored size: 891 Bytes
Contents
=normal-button-color($color)
background-color: $color
+background-image(linear-gradient(top, tint($color, 6%) 0%, shade($color, 6%) 100%))
color: luma_contrast_color($color)
+border(all, solid)
border-color: shade($color, 10%) shade($color, 16%) shade($color, 26%)
text-shadow: if(luma_bright($color), lighten($color, 18%) 0 1px 0, darken($color, 18%) 0 -1px 0)
=normal-button($color: blue)
+transition(.5s (background-image))
+border-radius(4px)
+normal-button-color($color)
box-shadow: tint($color, 32%) 0 1px 0 inset, shade($color, 26%) 0 1px 0, rgba(black, .15) 0 2px 1px
&:hover,
&.hover,
&.is-hover
$color: lighten($color, 5%)
+normal-button-color($color)
&:active,
&.active,
&.is-active
$color: lighten($color, 7%)
+normal-button-color($color)
+top(1px)
box-shadow: darken($color, 12%) 0 1px 0 inset, rgba(white, .3) 0 1px 1px
Version data entries
25 entries across 25 versions & 2 rubygems