Sha256: c9d584371fe3a3103259963f052e32e07017d0a89486ba517a61a7a309bc1a13
Contents?: true
Size: 1.36 KB
Versions: 25
Compression:
Stored size: 1.36 KB
Contents
=normal-button-color($color, $text-color: true)
background-color: $color
+background-image(linear-gradient(top, tint($color, 6%) 0%, shade($color, 6%) 100%))
+border(all, solid)
border-color: shade($color, 10%) shade($color, 16%) shade($color, 26%)
@if $text-color
color: luma_contrast_color($color)
text-shadow: if(luma_bright($color), lighten($color, 18%) 0 1px 0, darken($color, 18%) 0 -1px 0)
&:hover,
&.hover,
&.is-hover,
&:active,
&.active,
&.is-active
color: luma_contrast_color($color)
=normal-button($color: blue)
+transition(.5s (background-image))
@if luma($color) > 90
+normal-button-color(#f2f2f2)
@else
+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
@if luma($color) > 90
+normal-button-color(lighten(#f2f2f2, 5%), false)
@else
+normal-button-color(lighten($color, 5%), false)
&:active,
&.active,
&.is-active
+top(1px)
@if luma($color) > 90
$color: lighten(#f2f2f2, 7%)
+normal-button-color($color, false)
box-shadow: darken($color, 12%) 0 1px 0 inset, rgba(white, .3) 0 1px 1px
@else
$color: lighten($color, 7%)
+normal-button-color($color, false)
box-shadow: darken($color, 12%) 0 1px 0 inset, rgba(white, .3) 0 1px 1px
Version data entries
25 entries across 25 versions & 3 rubygems