From 06e5a95ad8078fbb4050620055301b048ac10889 Mon Sep 17 00:00:00 2001
From: Markus Birth <mbirth@gmail.com>
Date: Sun, 22 Feb 2015 19:04:06 +0100
Subject: [PATCH] Improve SASS.

---
 css/layout-bright.sass | 37 +++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/css/layout-bright.sass b/css/layout-bright.sass
index cb82203..1a89d69 100644
--- a/css/layout-bright.sass
+++ b/css/layout-bright.sass
@@ -1,6 +1,7 @@
 ---
 ---
 $font: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace
+$maincolor: #678b22
 
 body
     margin: 0
@@ -37,9 +38,9 @@ li
    h2       - project description
 
 header
-    background: rgba(0, 0, 0, 0.1)
+    background: rgba(black, 0.1)
     width: 100%
-    border-bottom: 1px dashed #678b22
+    border-bottom: 1px dashed $maincolor
     padding: 20px 0
     margin: 0 0 40px 0
 
@@ -49,8 +50,8 @@ header h1, #pagetitle
         weight: bold
         family: $font
     line-height: 1.5
-    color: #678b22
-    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1)
+    color: $maincolor
+    text-shadow: 0 1px 1px rgba(black, 0.1), 0 0 5px rgba(lighten($maincolor, 33%), 0.1), 0 0 10px rgba(lighten($maincolor, 33%), 0.1)
     -webkit-font-smoothing: antialiased
 
 // Site name
@@ -110,7 +111,7 @@ header h2
 
     th
         text-align: left
-        border-bottom: 1px dashed #678b22
+        border-bottom: 1px dashed $maincolor
         padding: 5px 10px
 
     td
@@ -124,9 +125,9 @@ h1, h2, h3, h4, h5, h6
     font:
         weight: normal
         family: $font
-    color: #678b22
+    color: $maincolor
     letter-spacing: -0.03em
-    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1)
+    text-shadow: 0 1px 1px rgba(black, 0.1), 0 0 5px rgba(lighten($maincolor, 33%), 0.1), 0 0 10px rgba(lighten($maincolor, 33%), 0.1)
 
 dt
     font:
@@ -141,7 +142,7 @@ ul li
         font:
             family: $font
             size: 13px
-        color: #678b22
+        color: $maincolor
         margin:
             left: -37px
             right: 21px
@@ -160,10 +161,10 @@ pre
     padding: 10px
 
 pre, code
-    background: rgba(0, 0, 0, 0.1)
-    border: 1px solid rgba(255, 255, 255, 0.85)
+    background: rgba(black, 0.1)
+    border: 1px solid rgba(white, 0.85)
     font-size: 14px
-    color: #678b22
+    color: $maincolor
     border-radius: 2px
     -moz-border-radius: 2px
     -webkit-border-radius: 2px
@@ -184,8 +185,8 @@ pre > code
 hr
     height: 0
     border: 0
-    border-bottom: 1px dashed #678b22
-    color: #678b22
+    border-bottom: 1px dashed $maincolor
+    color: $maincolor
 
 
 // Buttons
@@ -195,17 +196,17 @@ hr
     background: -webkit-linear-gradient(top, rgba(215, 215, 215, 0.3), rgba(220, 220, 220, 0.3) 50%, rgba(245, 245, 245, 0.3) 50%, rgba(255, 255, 255, 0.3))
     padding: 8px 18px
     border-radius: 50px
-    border: 2px solid rgba(255, 255, 255, 0.7)
-    border-bottom: 2px solid rgba(255, 255, 255, 0.7)
-    border-top: 2px solid rgba(255, 255, 255, 1)
+    border: 2px solid rgba(white, 0.7)
+    border-bottom: 2px solid rgba(white, 0.7)
+    border-top: 2px solid rgba(white, 1)
     color: rgba(40, 40, 40, 0.8)
     font:
         family: Helvetica, Arial, sans-serif
         weight: bold
         size: 13px
     text-decoration: none
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75)
-    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05)
+    text-shadow: 0 -1px 0 rgba(black, 0.75)
+    box-shadow: inset 0 1px 0 rgba(black, 0.05)
 
     &:hover
         background: -webkit-linear-gradient(top, rgba(215, 215, 215, 0.6), rgba(220, 220, 220, 0.6) 50%, rgba(245, 245, 245, 0.8) 50%, rgba(255, 255, 255, 0.8))