From 510f57a0419968147ae6971daeb7e9c38a44bc21 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Tue, 24 Mar 2015 22:11:50 -0500
Subject: [PATCH] derp

---
 src/components/item/item.scss | 62 +++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/components/item/item.scss

diff --git a/src/components/item/item.scss b/src/components/item/item.scss
new file mode 100644
index 0000000000..3670338ebe
--- /dev/null
+++ b/src/components/item/item.scss
@@ -0,0 +1,62 @@
+
+// Item
+// --------------------------------------------------
+
+$item-min-height:         44px !default;
+$item-padding-top:        8px !default;
+$item-padding-right:      15px !default;
+$item-padding-bottom:     7px !default;
+$item-padding-left:       15px !default;
+
+
+.item {
+  position: relative;
+
+  @include flex-display();
+  @include flex-justify-content(space-between);
+  @include flex-align-items(center);
+
+  min-height: $item-min-height;
+
+  padding-left: $item-padding-left;
+}
+
+.item-content {
+  position: relative;
+
+  @include flex-display();
+  @include flex(1);
+  @include flex-justify-content(space-between);
+  @include flex-align-items(center);
+
+  width: 100%;
+  min-height: $item-min-height;
+
+  padding-right: $item-padding-right;
+  padding-top: $item-padding-top;
+  padding-bottom: $item-padding-bottom;
+}
+
+.item-title {
+  position: relative;
+
+  @include flex-shrink(1);
+
+  max-width: 100%;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.item-accessory {
+  @include flex-display();
+  @include flex-shrink(0);
+
+  margin-left: 5px;
+  max-height: 28px;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}