Sha256: 6652321859e35ccc55fec3a20b11388f890f47863ee3aef21e8f04db1a4162b3

Contents?: true

Size: 699 Bytes

Versions: 7

Compression:

Stored size: 699 Bytes

Contents

body
  content: #{luma(#f2f2f2)}
=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 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
    box-shadow: shade($color, 18%) 0 2px 0
    +top(1px)

Version data entries

7 entries across 7 versions & 2 rubygems

Version Path
oulu-rails-0.7.4 vendor/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
oulu-rails-0.7.3 vendor/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
middleman-oulu-0.7.2 assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
oulu-rails-0.7.2 vendor/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
middleman-oulu-0.7.1 assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
oulu-rails-0.7.1 vendor/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
middleman-oulu-0.6.34 assets/stylesheets/modules/buttons/styles/_flat-emboss.sass