Sha256: 8fb8b5a0c309b37529969f688693890740c64c3d7d39b7445c4dd8d406079216
Contents?: true
Size: 1.37 KB
Versions: 3
Compression:
Stored size: 1.37 KB
Contents
=flat-round-button($color: blue)
transition: .5s (background-image)
background-color: $color
color: luma_contrast_color($color)
font-weight: bold
&:hover,
&.hover,
&.is-hover
$color: lighten($color, 6%)
@if luma($color) > 90
background-color: #f2f2f2
@else
background-color: $color
&:active,
&.active,
&.is-active
$color: lighten($color, 6%)
@if luma($color) > 90
background-color: #f2f2f2
@else
background-color: $color
+top(1px)
// radio & checkbos
&.is-radio,
&.is-checkbox
&:before
box-shadow: rgba(black, 0.2) 0 1px 1px inset
background-color: #{if(luma_bright($color), shade($color, 20%), tint($color, 20%))}
// checked
&.is-checked
color: luma_contrast_color($checked)
background-color: $checked
+top(1px)
&:before
box-shadow: rgba(black, 0.3) 0 1px 1px inset
background-color: #{if(luma_bright($checked), shade($checked, 40%), tint($checked, 40%))}
// select
&.is-select
&:after
color: rgba(luma_contrast_color($color), .7)
border-left: 1px solid
border-left-color: #{if(luma_bright($color), shade($color, 20%), tint($color, 20%))}
// disabled
&.is-disabled,
&:disabled
$color: if(luma_bright($color), shade($color, 20%), tint($color, 20%))
background-color: rgba($color, 7)
color: rgba(luma_contrast_color($color), .7)
Version data entries
3 entries across 3 versions & 1 rubygems