From e5fc3c19e309025264be8b75569d022b6966c023 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Fri, 19 Sep 2014 14:41:17 +1000
Subject: [PATCH] Working on refining scroll on modals

---
 app/assets/stylesheets/darkswarm/mixins.sass     | 14 ++++++++++++++
 app/assets/stylesheets/darkswarm/modals.css.sass | 11 +++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/mixins.sass b/app/assets/stylesheets/darkswarm/mixins.sass
index 6eef888a17..6f4cb65440 100644
--- a/app/assets/stylesheets/darkswarm/mixins.sass
+++ b/app/assets/stylesheets/darkswarm/mixins.sass
@@ -16,6 +16,20 @@
   -webkit-box-shadow: $box-shadow
   box-shadow: $box-shadow
 
+@mixin elipse-shadow($elipse-shadow)
+  content: ""
+  position: absolute
+  z-index: -1
+  -webkit-box-shadow: $elipse-shadow
+  box-shadow: $elipse-shadow
+  bottom: -12%
+  left: 10%
+  right: 10%
+  width: 80%
+  height: 10%
+  -moz-border-radius: 100%
+  border-radius: 100%
+
 @mixin border-radius($border-radius)
   -webkit-border-radius: $border-radius
   border-radius: $border-radius
diff --git a/app/assets/stylesheets/darkswarm/modals.css.sass b/app/assets/stylesheets/darkswarm/modals.css.sass
index e6303a4cd7..c2815549a3 100644
--- a/app/assets/stylesheets/darkswarm/modals.css.sass
+++ b/app/assets/stylesheets/darkswarm/modals.css.sass
@@ -4,8 +4,15 @@
 dialog, .reveal-modal
   border: none
   outline: none
-  padding: 1rem 
-  overflow-y: scroll
+  padding:  1.25rem
+  padding-bottom: 0 !important
+  border-bottom: 20px solid white
+  overflow-y: auto
+  overflow-x: hidden
+  // Not working yet - want a nice gradient shadow when there is overflow - needs JS too
+  // &:after
+  //   @include elipse-shadow(0 0 40px rgba(0, 0, 0, 0.8))
+
 
   // Reveal.js break point:
   // @media only screen and (max-width: 40.063em)