@charset "UTF-8";
/* Variables
-------------------------------------------------------*/
/* Import utils
-------------------------------------------------------*/
/* mixin for :last-child/:first-child in IE8 */
/*
Example usage:
@include animation(10s, 5s, changecolour) https://gist.github.com/Integralist/3931680
*/
/* Import Compass
-------------------------------------------------------*/
/* line 25, ../sass/styleguide.scss */
.snippet {
  margin-bottom: 1.5em;
  position: relative; }

/* line 30, ../sass/styleguide.scss */
.snippet.deactivated {
  height: 12em;
  overflow: hidden; }

/* line 35, ../sass/styleguide.scss */
.snippet.deactivated:after {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-size: 100% auto;
  bottom: 0;
  content: "";
  display: block;
  height: 4.5em;
  left: 0;
  position: absolute;
  right: 0; }

/* line 51, ../sass/styleguide.scss */
.snippet.activated {
  height: auto; }