From 1d47ddce2aba78b1b910b9c2396a5359818a1072 Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Sun, 13 Jul 2014 12:58:37 -0400
Subject: on thumbnails, use inset box shadows instead of borders

---
 assets/less/bootswatch.less | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

(limited to 'assets/less')

diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less
index 123f2be5..e93ee6d5 100644
--- a/assets/less/bootswatch.less
+++ b/assets/less/bootswatch.less
@@ -113,8 +113,7 @@ footer {
 
 .section-tout {
   padding: 4em 0 3em;
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   background-color: #eaf1f1;
 
   .fa {
@@ -133,11 +132,25 @@ footer {
 
     margin-bottom: 4em;
     background-color: #eaf1f1;
-    border: 1px solid rgba(0, 0, 0, 0.1);
+
+    .image {
+      position: relative;
+    }
+
+    .image:before {
+      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      content: "";
+    }
 
     .options {
       padding: 1em 2em 2em;
-      border-top: 1px solid rgba(0, 0, 0, 0.1);
+      border: 1px solid rgba(0, 0, 0, 0.05);
+      border-top: none;
       text-align: center;
 
       p {
-- 
cgit v1.2.3