lists/items

src/components/app/ionic.scss

@@ -22,6 +22,8 @@
 @import
   "../aside/aside",
   "../button/button",
+  "../item/item",
+  "../list/list",
   "../modal/modal",
   "../switch/switch",
   "../tabs/tabs",

src/components/item/examples/item-default/index.html

@@ -0,0 +1,57 @@
+<div class="pane">
+
+  <div class="pane-container">
+
+    <div class="bar">
+      List/Item Default CSS Tests
+    </div>
+
+    <div class="content">
+
+      <div class="list-header">
+        List Header
+      </div>
+
+      <ul class="list">
+
+        <li class="item">
+          <div class="item-content">
+            <div class="item-title">
+              Item 1
+            </div>
+            <div class="item-accessory">
+              Label
+            </div>
+          </div>
+        </li>
+
+        <li class="item">
+          <div class="item-content">
+            <div class="item-title">
+              Item 2
+            </div>
+            <div class="item-accessory">
+              Label
+            </div>
+          </div>
+        </li>
+
+        <li class="item">
+          <div class="item-content">
+            <div class="item-title">
+              Item 3
+            </div>
+            <div class="item-accessory">
+              Label
+            </div>
+          </div>
+        </li>
+
+      </ul>
+
+
+    </div>
+
+  </div>
+
+</div>

src/components/list/list.scss

@@ -0,0 +1,26 @@
+
+// List
+// --------------------------------------------------
+
+$list-margin: 35px 0 !default;
+
+
+
+.list {
+  margin: $list-margin;
+  padding: 0;
+  list-style-type: none;
+}
+
+.list-header {
+  position: relative;
+  margin: 35px 15px 10px;
+
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.list-header + .list {
+  margin-top: 10px;
+}

src/components/toolbar/toolbar.scss

@@ -1,4 +1,7 @@
 
+// Toolbar
+// --------------------------------------------------
+
 .bar {
   position: relative;
   @include flex-display();

src/components/view/examples/view-default/index.html

@@ -0,0 +1,28 @@
+
+<div class="pane">
+
+  <div class="pane-container pane-shared">
+    <div class="bar"></div>
+  </div>
+
+  <div class="pane-container">
+
+    <div class="pane">
+
+      <div class="pane-container">
+
+        <div class="bar">
+          View CSS Test
+        </div>
+
+        <div class="content">
+          <div class="scroll-content">
+            <p>Content!!!</p>
+          </div>
+        </div>
+
+      </div>
+
+    </div>
+
+</div>