Contents

$parallax-window-height: 30em
$parallax-background-height: $parallax-window-height * 2

.parallax-window
  max-height: $parallax-window-height
  overflow: hidden
  position: relative
  text-align: center
  width: 100%

.parallax-static-content
  color: #9A9A8A
  padding: 8em 0
  position: relative
  z-index: 9

.parallax-background
  background: url("https://s3.amazonaws.com/FutureGov/sampleimage.jpg") repeat
  background-position: top
  background-size: cover
  background-color: beige
  height: $parallax-background-height
  left: 0
  position: absolute
  top: -$parallax-window-height / 3
  width: 100%

// Based on http://codepen.io/skeurentjes/

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
breezeblocks-0.0.4	source/stylesheets/breezeblocks/_parallax.sass
breezeblocks-0.0.2	source/stylesheets/breezeblocks/_parallax.sass