Search Drop Down

This is a live screenshot taken in Safari/Chrome (I forget which). Also I love SASS/Compass. Variables, auto hex #s from HSL and mixins that produce all the vendor specific css.

.vac-foundation
border: 1px solid $header_gradient_finish
background: $header_gradient_finish
+background-image(linear-gradient($header_gradient_start, $header_gradient_finish 100px))
+border-radius(4px)
+box-shadow(rgba(0,0,0,.5) 0 0px 10px,rgba(0,0,0,.5) 0 15px 10px -10px,rgba(255,255,255,.25) 0 1px 0 inset)
z-index: 1000

.vac-results
+box-shadow(rgba(0,0,0,.5) 0 15px 10px -10px,#fff 0 1px 0 inset)
background: hsl(0,0%,96%)
+background-image(linear-gradient(color-stops(hsl(0,0,96%), hsl(0,0,92%))))

More by Alexis Gallisá

View profile