refactor(list): changing no-borders to no-lines b/c Ben hated it

Added line for headers on Android. Added some more tests for cards with
lists. Removed unused CSS. References #387

ionic/components/card/test/list/main.html

@@ -8,7 +8,7 @@
     <ion-list>
 
       <ion-header>
-        List Header
+        Card List
       </ion-header>
 
       <ion-switch>
@@ -36,5 +36,68 @@
 
   </ion-card>
 
+  <ion-card>
+
+    <ion-list no-lines>
+
+      <ion-header>
+        Card List Without Lines
+      </ion-header>
+
+      <ion-switch>
+        <icon wifi item-left></icon>
+        Wifi
+      </ion-switch>
+
+      <ion-item>
+        <icon heart item-left></icon>
+        Affection
+        <ion-note item-right>
+          Very Little
+        </ion-note>
+      </ion-item>
+
+      <ion-item>
+        <icon home item-left></icon>
+        Home
+        <ion-note item-right>
+          Where the heart is
+        </ion-note>
+      </ion-item>
+
+    </ion-list>
+
+  </ion-card>
+
+  <ion-card>
+
+    <ion-card-header>
+      Card With Items (No List)
+    </ion-card-header>
+
+    <ion-switch>
+      <icon wifi item-left></icon>
+      Wifi
+    </ion-switch>
+
+    <ion-item>
+      <icon heart item-left></icon>
+      Affection
+      <ion-note item-right>
+        Very Little
+      </ion-note>
+    </ion-item>
+
+    <ion-item>
+      <icon home item-left></icon>
+      Home
+      <ion-note item-right>
+        Where the heart is
+      </ion-note>
+    </ion-item>
+
+
+  </ion-card>
+
 
 </ion-content>

ionic/components/item/item.scss

@@ -129,15 +129,6 @@ ion-input.item {
   align-items: flex-start;
 }
 
-.item.item.item.no-border-bottom:after,
-.item.item.item.no-border-bottom + .item:before {
-  border: none;
-}
-
-.item.item.item.no-border-bottom + .item {
-  margin-top: -13px;
-}
-
 /**
  * The hidden right-side buttons that can be exposed under a list item
  * with dragging.

ionic/components/list/modes/ios.scss

@@ -88,8 +88,8 @@ $list-ios-header-color:               #333 !default;
   margin-top: 0;
 }
 
-&.hairlines .list[no-borders],
-.list[no-borders] {
+&.hairlines .list[no-lines],
+.list[no-lines] {
   ion-header:after,
   .item:before,
   .item:after {

ionic/components/list/modes/md.scss

@@ -67,8 +67,11 @@ $list-md-header-color:           #858585 !default;
   margin-top: 0;
 }
 
-.list[no-borders] {
-  ion-header:after,
+.list[no-lines] {
+  ion-header + .item:before {
+    border-width: 1px;
+  }
+
   .item:before,
   .item:after {
     border-width: 0;

ionic/components/list/test/no-lines/main.html

@@ -1,7 +1,7 @@
-<ion-toolbar><ion-title>List No Borders</ion-title></ion-toolbar>
+<ion-toolbar><ion-title>List No Lines</ion-title></ion-toolbar>
 
 <ion-content class="outer-content">
-  <ion-list no-borders>
+  <ion-list no-lines>
     <ion-header>
       List Header
     </ion-header>