Sha256: 98a9698ddefd7585c717ed17167ebb0e994ca1b35b904e1d7ba7baf6de055b9b

Contents?: true

Size: 658 Bytes

Versions: 3

Compression:

Stored size: 658 Bytes

Contents

=flat-emboss-button($color: blue)
  +transition(.5s (background-image))
  background-color: $color
  color: luma_contrast_color($color)
  box-shadow: shade($color, 18%) 0 3px 0
  text-shadow: if(luma_bright($color), lighten($color, 8%) 0 1px 0, darken($color, 8%) 0 -1px 0)
  &:hover,
  .hover,
  .is-hover
    $color: lighten($color, 6%)
    @if $color == white
      background-color: #f4f4f4
    @else
      background-color: $color
  &:active,
  .active,
  .is-active
    $color: lighten($color, 6%)
    @if $color == white
      background-color: #f4f4f4
    @else
      background-color: $color
    box-shadow: shade($color, 18%) 0 2px 0
    +top(1px)

Version data entries

3 entries across 3 versions & 2 rubygems

Version Path
oulu-rails-0.6.33 vendor/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
middleman-oulu-0.6.33 assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
middleman-oulu-0.6.32 assets/stylesheets/modules/buttons/styles/_flat-emboss.sass