From 97dbc8c3772c89022a55d591c4ed90cee1d1feaa Mon Sep 17 00:00:00 2001 From: Dylan Bolger Date: Wed, 21 Mar 2018 08:24:51 -0500 Subject: redesign --- assets/sass/layout/_page-wrapper.scss | 43 +++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 assets/sass/layout/_page-wrapper.scss (limited to 'assets/sass/layout/_page-wrapper.scss') 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 -- cgit v1.2.3