CSS3 radial dropshadow (requires compass)

radial-dropshadow.scss

// drop-shadow for bottom of element
.bottom-drop-shadow {
  position:relative;
	background: #fff;
	&:after {
		content:"";
		position:absolute;
		z-index:-1;
		bottom: 0;
		width: 90%;
		height: 50%;
		left: 5%;
		right: 5%;
		@include border-radius(100%);
		@include box-shadow(rgba(0,0,0,0.4) 0 0 4.8rem);
	}
}

// drop-shadow for top of element
.top-drop-shadow {
	position:relative;
	background: #fff;
	&:before {
		content:"";
		position:absolute;
		z-index:-1;
		top: 0;
		width: 90%;
		height: 50%;
		left: 5%;
		right: 5%;
		@include border-radius(100%);
		@include box-shadow(rgba(0,0,0,0.4) 0 0 4.8rem);
	}
}