gistfile1.scss

// our search box, hidden for now
.search-container {
  @include transition(height .3s ease);

  // To get full hardware acceleration on animations, you need to activate the 3D rendering engine.
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;

  position: relative;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  text-align: center;
  clear: both;
  &.expanded {
    height: 46px;
    opacity: 1;
  }
  input[role="search"] {
    padding: 15px 10px;
    font-weight: bold;
    width: 95%;
    margin: 6px 0;
  }
}