image compress. reflect/center/more flexbox classes

3 files changed, 182 insertions, 139 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 722620f..7cfbdb1 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -66,13 +66,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
 /**
  * Base SlideDeck Styles
  */
-/* line 42, ../scss/_base.scss */
+/* line 48, ../scss/_base.scss */
 html {
   height: 100%;
   overflow: hidden;
 }
 
-/* line 47, ../scss/_base.scss */
+/* line 53, ../scss/_base.scss */
 body {
   margin: 0;
   padding: 0;
@@ -92,22 +92,22 @@ body {
   -o-transition: opacity 800ms ease-in 100ms;
   transition: opacity 800ms ease-in 100ms;
 }
-/* line 63, ../scss/_base.scss */
+/* line 69, ../scss/_base.scss */
 body.loaded {
   opacity: 1;
 }
 
-/* line 68, ../scss/_base.scss */
+/* line 74, ../scss/_base.scss */
 input, button {
   vertical-align: middle;
 }
 
-/* line 72, ../scss/_base.scss */
+/* line 78, ../scss/_base.scss */
 slides > slide[hidden] {
   display: none !important;
 }
 
-/* line 76, ../scss/_base.scss */
+/* line 82, ../scss/_base.scss */
 slides {
   width: 100%;
   height: 100%;
@@ -125,7 +125,7 @@ slides {
   transform-style: preserve-3d;
 }
 
-/* line 87, ../scss/_base.scss */
+/* line 93, ../scss/_base.scss */
 slides > slide {
   display: block;
   position: absolute;
@@ -346,31 +346,35 @@ slides > slide.backdrop:after, slides > slide.backdrop:before {
 slides > slide > hgroup + article {
   margin-top: 45px;
 }
-/* line 213, ../scss/default.scss */
+/* line 214, ../scss/default.scss */
+slides > slide > hgroup + article.flexbox.vcenter, slides > slide > hgroup + article.flexbox.vleft, slides > slide > hgroup + article.flexbox.vright {
+  height: 80%;
+}
+/* line 219, ../scss/default.scss */
 slides > slide > hgroup + article p {
   margin-bottom: 1em;
 }
-/* line 218, ../scss/default.scss */
+/* line 224, ../scss/default.scss */
 slides > slide > article:only-child {
   height: 100%;
 }
-/* line 221, ../scss/default.scss */
+/* line 227, ../scss/default.scss */
 slides > slide > article:only-child > iframe {
   height: 100%;
 }
 
-/* line 227, ../scss/default.scss */
+/* line 233, ../scss/default.scss */
 slides.layout-faux-widescreen > slide {
   padding: 40px 160px;
 }
 
-/* line 236, ../scss/default.scss */
+/* line 242, ../scss/default.scss */
 slides.layout-widescreen > slide,
 slides.layout-faux-widescreen > slide {
   margin-left: -550px;
   width: 1100px;
 }
-/* line 241, ../scss/default.scss */
+/* line 247, ../scss/default.scss */
 slides.layout-widescreen > slide.far-past,
 slides.layout-faux-widescreen > slide.far-past {
   display: block;
@@ -386,26 +390,26 @@ slides.layout-faux-widescreen > slide.far-past {
   -o-transform: translate3d(-2260px, 0, 0);
   transform: translate3d(-2260px, 0, 0);
 }
-/* line 248, ../scss/default.scss */
+/* line 254, ../scss/default.scss */
 slides.layout-widescreen > slide.past,
 slides.layout-faux-widescreen > slide.past {
   display: block;
   opacity: 0;
 }
-/* line 255, ../scss/default.scss */
+/* line 261, ../scss/default.scss */
 slides.layout-widescreen > slide.current,
 slides.layout-faux-widescreen > slide.current {
   display: block;
   opacity: 1;
 }
-/* line 262, ../scss/default.scss */
+/* line 268, ../scss/default.scss */
 slides.layout-widescreen > slide.next,
 slides.layout-faux-widescreen > slide.next {
   display: block;
   opacity: 0;
   pointer-events: none;
 }
-/* line 270, ../scss/default.scss */
+/* line 276, ../scss/default.scss */
 slides.layout-widescreen > slide.far-next,
 slides.layout-faux-widescreen > slide.far-next {
   display: block;
@@ -421,39 +425,39 @@ slides.layout-faux-widescreen > slide.far-next {
   -o-transform: translate3d(2260px, 0, 0);
   transform: translate3d(2260px, 0, 0);
 }
-/* line 277, ../scss/default.scss */
+/* line 283, ../scss/default.scss */
 slides.layout-widescreen #prev-slide-area,
 slides.layout-faux-widescreen #prev-slide-area {
   margin-left: -650px;
 }
-/* line 281, ../scss/default.scss */
+/* line 287, ../scss/default.scss */
 slides.layout-widescreen #next-slide-area,
 slides.layout-faux-widescreen #next-slide-area {
   margin-left: 550px;
 }
 
-/* line 286, ../scss/default.scss */
+/* line 292, ../scss/default.scss */
 b {
   font-weight: 600;
 }
 
-/* line 290, ../scss/default.scss */
+/* line 296, ../scss/default.scss */
 a {
   color: #2a7cdf;
   text-decoration: none;
   border-bottom: 1px solid rgba(42, 124, 223, 0.5);
 }
-/* line 295, ../scss/default.scss */
+/* line 301, ../scss/default.scss */
 a:hover {
   color: black !important;
 }
 
-/* line 300, ../scss/default.scss */
+/* line 306, ../scss/default.scss */
 h1, h2, h3 {
   font-weight: 600;
 }
 
-/* line 304, ../scss/default.scss */
+/* line 310, ../scss/default.scss */
 h2 {
   font-size: 45px;
   line-height: 45px;
@@ -461,7 +465,7 @@ h2 {
   color: #515151;
 }
 
-/* line 311, ../scss/default.scss */
+/* line 317, ../scss/default.scss */
 h3 {
   font-size: 30px;
   letter-spacing: -1px;
@@ -470,39 +474,39 @@ h3 {
   color: #797979;
 }
 
-/* line 319, ../scss/default.scss */
+/* line 325, ../scss/def