A SASS snippet to do something similar to the oval fade effect in the Google Material Design docs

oval-fade.sass

$color-header: #fff
$color-alttext: #fff

a
  background-color: $color-header
  border-radius: 40px
  color: $color-alttext
  transition: color ease 0.75s, background-color ease 0.75s, border-radius ease 1s

  &:hover
    background-color: darken($color-header, 5%)
    border-radius: 0
    color: darken($color-alttext, 20%)