image compress. reflect/center/more flexbox classes

2 files changed, 20 insertions, 2 deletions

diff --git a/theme/scss/_base.scss b/theme/scss/_base.scss
index a3b00a8..ce9ee06 100644
--- a/theme/scss/_base.scss
+++ b/theme/scss/_base.scss
@@ -36,6 +36,12 @@
   @include box-pack(center);
 }
 
+@mixin flex-right-center {
+  @include box-orient(vertical);
+  @include box-align(end);
+  @include box-pack(center);
+}
+
 /**
  * Base SlideDeck Styles
  */
diff --git a/theme/scss/default.scss b/theme/scss/default.scss
index 0cc6e47..df96778 100644
--- a/theme/scss/default.scss
+++ b/theme/scss/default.scss
@@ -210,6 +210,12 @@ slides > slide {
   > hgroup + article {
     margin-top: $article-content-top-padding;
 
+    &.flexbox {
+      &.vcenter, &.vleft, &.vright {
+        height: 80%;
+      }
+    }
+
     p {
       margin-bottom: 1em;
     }
@@ -740,7 +746,7 @@ article.smaller {
   left: $slide-left-right-padding;
 }
 
-/*.centered {
+.centered {
   text-align: center;
 }
 
@@ -750,7 +756,7 @@ article.smaller {
   -o-box-reflect: below 3px -o-linear-gradient(rgba(255,255,255,0) 85%, white 150%);
   -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, white 150%);
   box-reflect: below 3px linear-gradient(rgba(255,255,255,0) 85%, white 150%);
-}*/
+}
 
 .flexbox {
   @include flexbox;
@@ -768,6 +774,12 @@ article.smaller {
   width: 100%;
 }
 
+.flexbox.vright {
+  @include flex-right-center;
+  height: 100%;
+  width: 100%;
+}
+
 .auto-fadein {
   @include transition(opacity 0.6s ease-in 1s);
   opacity: 0;