Adds body background

Torey Heinz committed Mar 29, 2018

commit 2018627084b025d20316166590649f5894a98bb2

Showing 3 changed files with 19 additions and 2 deletions

app/views/pages/layouts/application.liquid +1 -1

@@	@@ -48,7 +48,7 @@ is_layout: true
	</div>
	</div>
	<!-- End Top Bar -->
-	<div class="row column">
+	<div id="main" class="row column">
	{% block main %}
	<h1>{% editable_text "heading", line_break: false, format: 'raw', rows: 1 %}{% endeditable_text %}</h1>
	{% editable_text content %}Lorem ipsum{% endeditable_text %}

public/images/body-bg.png +0 -0

public/stylesheets/app.scss +18 -1

@@	@@ -57,10 +57,22 @@


	body, html {
-	height: 100%;
+	// height: 100%;
	background: $white;
	}

+	body {
+	background: image-url('/images/body-bg.png') repeat;
+	}
+
+	#main {
+	padding-top: 10px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	background: $white;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+	}
+
	section.page {
	padding-top: 1rem;

@@	@@ -74,6 +86,11 @@ section.page {
	color: $white;
	font-weight: bold;
	}
+
+	.top-bar {
+	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+	}
+
	.services .card .card-section {
	width: 100%;
	}