Contents

.hero {
	$hero-background: desaturate(darken($base-accent-color, 20), 30);	
	$hero-color: white;

	background: url(https://raw.github.com/Magnus-G/Random/master/lake-transparent.png);
	background-color: $hero-background;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding-bottom: 4em;

	.hero-logo img {
		height: 3em;
		margin-bottom: 1em;
	}

	.hero-inner {
		@include outer-container;
		@include clearfix;
		padding: 3em;
		margin: auto;
		text-align: center;
		color: $hero-color;

		button {
			@include button(simple, $base-accent-color);
			font-size: $base-font-size;
			outline: none;
		}

		.hero-copy {
			text-align: center;
			
			h1 {
				font-size: 1.4em;
				margin-bottom: .2em;

				@include media($large-screen) {
					font-size: 1.8em;
				}
			}

			p {
				margin: auto;
				margin-bottom: 3em;	
				font-weight: 200;

				@include media($large-screen) {
					font-size: 1.2em;
					max-width: 40%;
				}
			}
		}
	}
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
refills-0.0.2	source/stylesheets/refills/_hero.scss