index.markdown

#3D Text in Sass

Inspired by @mdo

style.sass

@import "compass"
=threeDtext($color, $depth, $harshess: 1%)
  $all: ()
  @for $i from 0 through $depth
    $all: append($all, append(0 $i*1px 0, darken($color, $i*$harshess)), comma)
    
  text-shadow: $all

h1
  +threeDtext(#CC9F9D, 8, 3)

  font-size: 72px

h1, p, a
  color: #FFF5F5
  font-family: Futura, sans-serif
  text-align: center
  text-transform: uppercase
  border: none
  outline: none

html
  height: 100%
  +background(linear-gradient(top, #C9231A, #940A03))