From d4497d7aeb968dbb9f8c4b84fbcc0f7cc3668167 Mon Sep 17 00:00:00 2001
From: shoetten <simon@hoetten.org>
Date: Fri, 5 Feb 2016 20:23:09 +0100
Subject: Add basic start and due dates for cards.

---
 client/components/cards/cardDate.styl | 50 +++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 client/components/cards/cardDate.styl

(limited to 'client/components/cards/cardDate.styl')

diff --git a/client/components/cards/cardDate.styl b/client/components/cards/cardDate.styl
new file mode 100644
index 00000000..e9d56f79
--- /dev/null
+++ b/client/components/cards/cardDate.styl
@@ -0,0 +1,50 @@
+.edit-card-date
+  .fields
+    .left
+      width: 56%
+    .right
+      width: 38%
+  .datepicker
+    width: 100%
+    table
+      width: 100%
+      border: none
+      border-spacing: 0
+      border-collapse: collapse
+      thead
+        background: none
+      td, th
+        box-sizing: border-box
+
+
+.card-date
+  display: block
+  border-radius: 4px
+  padding: 1px 3px;
+  
+  background-color: #dbdbdb
+  &:hover, &.is-active
+    background-color: #b3b3b3
+  
+  &.current
+    background-color: #42ca00
+    &:hover, &.is-active
+      background-color: darken(#42ca00, 15)
+  
+  &.almost-due
+    background-color: #fad900
+    &:hover, &.is-active
+      background-color: darken(#fad900, 15)
+  
+  &.due
+    background-color: #fa3f00
+    &:hover, &.is-active
+      background-color: darken(#fa3f00, 15)
+
+  time
+    &::before
+      font: normal normal normal 14px/1 FontAwesome
+      font-size: inherit
+      -webkit-font-smoothing: antialiased
+      content: "\f017"  // clock symbol
+      margin-right: 0.3em
\ No newline at end of file
-- 
cgit v1.2.3-1-g7c22