Sha256: 4277097602df4fa7285e3ef1fb37a6f864a5a0b4bd50134b018d17105c1d012b
Contents?: true
Size: 1.35 KB
Versions: 9
Compression:
Stored size: 1.35 KB
Contents
=flat-button($color)
color: luma_contrast_color($color)
background-color: $color
box-shadow: shade($color, 20%) 0 .125rem 0
transition: background-color .2s ease-in, top .2s ease-in
&:link,
&:visited
color: luma_contrast_color($color)
box-shadow: shade($color, 20%) 0 .125rem 0
&:hover,
&.hover,
&.is-hover
color: luma_contrast_color($color)
$background-color: saturate($color, 20%)
background-color: $background-color
box-shadow: shade($background-color, 20%) 0 .125rem 0
&:active,
&.active,
&.is-active
color: luma_contrast_color($color)
$background-color: saturate($color, 20%)
background-color: $background-color
box-shadow: shade($background-color, 20%) 0 .0625rem 0
+top(.0625rem)
// radio & checkbos
&.is-radio,
&.is-checkbox
&:before
box-shadow: $color 0 0 0 1px
// checked
&.is-checked
color: luma_contrast_color($button-checked-color)
background-color: $button-checked-color
border-color: shade($button-checked-color, 20%)
&:before
box-shadow: luma_contrast_color($button-checked-color) 0 0 0 1px
// select
&.is-select
&:after
color: $color
border-left: 1px solid $color
// disabled
&.is-disabled,
&:disabled
$color: if(luma_bright($color), shade($color, 20%), tint($color, 20%))
color: rgba($color, .7)
border-color: $color
Version data entries
9 entries across 9 versions & 1 rubygems