From aac7b36981c91d8865356150b22549b7c8a08a66 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Mon, 20 Mar 2017 04:41:04 -0700
Subject: [PATCH] Projects style updated

Added fixed drop shadow
Responsive style is now more graceful on safari
background color makes transition look nicer
---
 css/style.css   | 10 +++++-----
 sass/style.scss | 12 +++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/css/style.css b/css/style.css
index 273c274..a8a206a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -92,7 +92,9 @@ body {
       padding: 0 0 1em 0;
       border: 1px solid #aaa;
       border-radius: 5px;
-      overflow: hidden; }
+      overflow: hidden;
+      box-shadow: 1px 1px 4px #888;
+      background: white; }
       .slide div .project .cover {
         height: 15em;
         background-position: center center;
@@ -155,8 +157,6 @@ body {
           content: "";
           width: 2em;
           height: 3em; }
-    .slide div .project:hover {
-      box-shadow: 1px 1px 3px #333; }
   .slide table {
     line-height: 1.3;
     margin: 0;
@@ -181,10 +181,10 @@ body {
       margin: auto;
       padding: 0; }
       .slide div .project {
-        width: 95vw;
+        width: 90%;
         float: none;
         display: block;
-        margin: 0 0 .5em 1vw; }
+        margin: 0 0 .5em 5%; }
     .slide p,
     .slide h1,
     .slide h2,
diff --git a/sass/style.scss b/sass/style.scss
index bdba12e..1b95e2a 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -128,6 +128,8 @@ body {
             border: 1px solid #aaa;
             border-radius: 5px;
             overflow: hidden;
+            box-shadow: 1px 1px 4px #888;
+            background: white;
             .cover {
                 height: 15em;
                 background-position: center center;
@@ -206,9 +208,9 @@ body {
                 }
             }
         }
-        .project:hover {
-            box-shadow: 1px 1px 3px #333;
-        }
+        // .project:hover {
+        // box-shadow: 1px 1px 3px #333;
+        // }
     }
     table {
         line-height: 1.3;
@@ -238,10 +240,10 @@ body {
             margin: auto;
             padding: 0;
             .project {
-                width: 95vw;
+                width: 90%;
                 float: none;
                 display: block;
-                margin: 0 0 .5em 1vw;
+                margin: 0 0 .5em 5%;
                 ;
             }
         }