From d938a333c208c67c890a9e4888d4cbabcc2b1e87 Mon Sep 17 00:00:00 2001 From: Dylan Bolger Date: Wed, 21 Mar 2018 12:19:35 -0500 Subject: working on web --- assets/sass/layout/_page-wrapper.scss | 43 ------------- assets/sass/layout/_wrapper.scss | 118 ---------------------------------- 2 files changed, 161 deletions(-) delete mode 100644 assets/sass/layout/_page-wrapper.scss delete 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 deleted file mode 100644 index b63a3aa..0000000 --- a/assets/sass/layout/_page-wrapper.scss +++ /dev/null @@ -1,43 +0,0 @@ -/// -/// 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 deleted file mode 100644 index 21ed225..0000000 --- a/assets/sass/layout/_wrapper.scss +++ /dev/null @@ -1,118 +0,0 @@ -/// -/// 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