More explicit file names

1 files changed, 98 insertions, 0 deletions

diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
new file mode 100644
index 00000000..72e8c7c9
--- /dev/null
+++ b/client/components/cards/cardDetails.styl
@@ -0,0 +1,98 @@
+@import 'nib'
+
+.card-details
+  padding: 0 20px
+  height: 100%
+  flex-shrink: 0
+  flex-basis: 470px
+  will-change: flex-basis
+  overflow: hidden
+  background: white
+  border-radius: 3px
+  z-index: 20 !important
+  animation: flexGrowIn 0.1s
+  box-shadow: 0 0 7px 0 darken(white, 30%)
+  transition: flex-basis 0.1s
+  margin-top: -9px
+
+  .card-details-canvas
+    width: 470px
+
+  .card-details-header
+    margin: 0 -20px 5px
+    padding 7px 20px 0
+    background: #F7F7F7
+    border-bottom: 1px solid darken(white, 10%)
+    min-height: 38px
+    position: relative
+
+    .close-card-details
+      float: left
+      font-size: 24px
+      padding: 8px
+      padding-right: 11px
+      margin-left: -18px
+
+    .card-details-menu
+      float: right
+      position: absolute
+      bottom: 6px
+      right: 15px
+
+    .card-details-title
+      font-weight: bold
+      font-size: 1.33em
+      margin: 3px 0
+      padding: 0
+
+    form.inlined-form
+      margin-top: 5px
+      margin-bottom: 10px
+
+    .card-details-list
+      font-size: 0.85em
+      margin-bottom: 3px
+
+      a.card-details-list-title
+        font-weight: bold
+
+        &.is-editable
+          display: inline-block
+          background: darken(white, 10%)
+          border-radius: 3px
+          padding: 0px 5px
+
+  .card-description textarea
+    min-height: 100px
+
+  .card-details-items
+    display: flex
+    margin: 15px 0
+
+    .card-details-item
+      &.card-details-item-labels,
+      &.card-details-item-members
+        width: 50%
+        flex-shrink: 1
+
+  .card-details-item-title
+    font-size: 14px
+    color: darken(white, 45%)
+
+  .card-label
+    padding-top: 5px
+    padding-bottom: 5px
+
+  .activities
+    padding-top: 10px
+
+input[type="text"].attachment-add-link-input
+  float: left
+  margin: 0 0 8px
+  width: 80%
+
+input[type="submit"].attachment-add-link-submit
+  float: left
+  margin: 0 0 8px 4px
+  padding: 6px 12px
+  width: 18%