From 72ccfcc4aa30a637faf1c7da0d294329f01e34f7 Mon Sep 17 00:00:00 2001
From: Dylan Bolger <dylanbolger@Dylans-MacBook-Air.local>
Date: Wed, 21 Mar 2018 12:34:37 -0500
Subject: working on web

---
 assets/sass/layout/_page-wrapper.scss |  43 +++++++++++++
 assets/sass/layout/_wrapper.scss      | 118 ++++++++++++++++++++++++++++++++++
 2 files changed, 161 insertions(+)
 create mode 100644 assets/sass/layout/_page-wrapper.scss
 create mode 100644 assets/sass/layout/_wrapper.scss

(limited to 'assets/sass/layout')

diff --git a/assets/sass/layout/_page-wrapper.scss b/assets/sass/layout/_page-wrapper.scss
new file mode 100644
index 0000000..b63a3aa
--- /dev/null
+++ b/assets/sass/layout/_page-wrapper.scss
@@ -0,0 +1,43 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Page Wrapper */
+
+	#page-wrapper {
+		@include vendor('display', 'flex');
+		@include vendor('align-items', 'center');
+		@include vendor('justify-content', 'flex-start');
+		@include vendor('flex-grow', '1');
+		@include vendor('flex-shrink', '1');
+		height: 100%;
+		padding: 5rem;
+
+		@include orientation(portrait) {
+			padding-left: 2rem;
+			padding-right: 2rem;
+		}
+
+		@include breakpoint(short) {
+			padding: 6vh;
+		}
+
+		@include breakpoint(xshort) {
+			padding: 0;
+		}
+	}
+
+	@include breakpoint(small) {
+		#page-wrapper {
+			height: auto;
+			padding: 1rem;
+		}
+	}
+
+	@include breakpoint(xsmall) {
+		#page-wrapper {
+			padding: 0;
+		}
+	}
\ No newline at end of file
diff --git a/assets/sass/layout/_wrapper.scss b/assets/sass/layout/_wrapper.scss
new file mode 100644
index 0000000..21ed225
--- /dev/null
+++ b/assets/sass/layout/_wrapper.scss
@@ -0,0 +1,118 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Wrapper */
+
+	#wrapper {
+		@include vendor('display', 'flex');
+		@include vendor('flex-direction', 'row');
+		@include vendor('transition', (
+			'opacity 1s ease-out',
+			'transform 0.75s ease-out'
+		));
+		@include vendor('transition-delay', '0.25s');
+		cursor: default;
+		position: relative;
+		height: 32rem;
+		box-shadow: 0 2rem 4rem 0.25rem transparentize(_palette(bg), 0.425);
+
+		> .scrollZone {
+			position: fixed;
+			width: 6rem;
+			height: inherit;
+			cursor: -moz-grab;
+			cursor: -webkit-grab;
+			cursor: -ms-grab;
+			cursor: grab;
+			z-index: _misc(z-index-base) + 100;
+
+			&.left {
+				left: 0;
+			}
+
+			&.right {
+				right: 0;
+			}
+		}
+
+		> .copyright {
+			position: absolute;
+			bottom: -3rem;
+			right: 0;
+			font-size: 0.8rem;
+			color: transparentize(_palette(bg), 0.625);
+			margin-bottom: 0;
+
+			a {
+				&:hover {
+					color: inherit;
+				}
+			}
+		}
+
+		&.is-dragging {
+			@include vendor('user-select', 'none');
+			cursor: -moz-grab;
+			cursor: -webkit-grab;
+			cursor: -ms-grab;
+			cursor: grab;
+
+			* {
+				@include vendor('user-select', 'none');
+			}
+
+			*:not(a, .image) {
+				cursor: -moz-grab;
+				cursor: -webkit-grab;
+				cursor: -ms-grab;
+				cursor: grab;
+			}
+		}
+
+		&.is-dragged {
+			* {
+				@include vendor('pointer-events', 'none');
+			}
+		}
+
+		body.is-loading & {
+			@include vendor('transform', 'translateX(2rem)');
+			opacity: 0;
+		}
+	}
+
+	@include breakpoint(small) {
+		#wrapper {
+			@include vendor('flex-direction', 'column');
+			height: auto;
+			margin: 0 0 5rem 0;
+			box-shadow: 0 0.25rem 1.5rem 0.25rem transparentize(_palette(bg), 0.5);
+
+			> .scrollZone {
+				display: none;
+			}
+
+			> .copyright {
+				display: block;
+				width: 100%;
+				text-align: center;
+			}
+
+			body.is-loading & {
+				@include vendor('transform', 'translateY(1rem)');
+			}
+		}
+	}
+
+	@include breakpoint(xsmall) {
+		#wrapper {
+			box-shadow: none;
+
+			body.is-loading & {
+				@include vendor('transform', 'none');
+			}
+		}
+	}
\ No newline at end of file
-- 
cgit v1.2.3