From 6c5f4961caa11c682508eb511bf7c1ed505567e5 Mon Sep 17 00:00:00 2001
From: Eric Bidelman
Date: Sun, 22 Apr 2012 10:31:40 -0700
Subject: image compress. reflect/center/more flexbox classes

---
 theme/scss/_base.scss   |  6 ++++++
 theme/scss/default.scss | 16 ++++++++++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

(limited to 'theme/scss')

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;
-- 
cgit v1.2.3