added expense tracking app

1 files changed, 49 insertions, 0 deletions

diff --git a/design/sass/_projects.scss b/design/sass/_projects.scss
index fb3f530..e7cdf09 100644
--- a/design/sass/_projects.scss
+++ b/design/sass/_projects.scss
@@ -204,3 +204,52 @@
     }
   }
 }
+
+//################# EXPENSE TRACKER TABLES #######################
+
+.expense-wrapper {
+    @include constrain_narrow();
+}
+.expense {
+    min-width: 90%;
+    margin-bottom: 3em;
+    caption { 
+        text-align: left;
+        padding: 1em 0;
+        @include fontsize(18);
+    }
+    thead tr {
+        border-bottom: 1px solid darken(#eff7ff, 10);
+        padding: 0;
+        font-weight: bold;
+        @include smcaps;
+        font-family: sans-serif;
+        @include fontsize(12);
+    }
+    text-align: left;
+    td {
+        width: 80%;
+    }
+    tr td {
+        padding: .5em .25em;
+        color: lighten($body_font, 10);
+    }
+    .odd, .total {
+        background-color: #eff7ff;
+    }
+    .total {
+        border-top: 1px solid darken(#eff7ff, 10);
+    }
+    tfoot:after {
+        @include faded_line_after;
+    }
+}
+
+.end:after {
+    @include faded_line_after;
+}
+.upfront tfoot:after {
+        margin: 0;
+        height: 0;
+        background: none;
+    }