Sha256: d3ab75c5162b776aa25df00370418d06e6f4c39ddde530daa1c28bf78e01b68e
Contents?: true
Size: 1.46 KB
Versions: 4
Compression:
Stored size: 1.46 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: darken($color, 10%)
background-color: $background-color
box-shadow: shade($background-color, 20%) 0 .125rem 0
&:active,
&.active,
&.is-active
color: luma_contrast_color($color)
$background-color: darken($color, 10%)
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
background-color: darken($color, 20%)
// 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
$background-color: darken($color, 20%)
$color: if(luma_bright($color), shade($color, 30%), tint($color, 30%))
color: rgba($color, .7)
border-color: $color
box-shadow: none
Version data entries
4 entries across 4 versions & 1 rubygems