fix(list): do not style last child items by default (#16456)

fixes #15185

Author: brandyscarney

core/src/components/list/list.ios.scss

@@ -10,15 +10,6 @@
   background: $item-ios-background;
 }
 
-.list-ios:not(.list-inset):not(.list-ios-lines-none) .item:last-child {
-  --inner-border-width: 0;
-  --border-width: #{0 0 $list-ios-item-border-bottom-width 0};
-}
-// .list-ios:not(.list-inset) + .list-ios:not(.list-inset) ion-list-header {
-//   @include margin(-$list-ios-margin-top, null, null, null);
-//   @include padding(0, null, null, null);
-// }
-
 
 // iOS Inset List
 // --------------------------------------------------

core/src/components/list/list.md.scss

@@ -15,11 +15,6 @@
   @include position-horizontal(0, null);
 }
 
-.list-md:not(.list-inset):not(.list-md-lines-none) .item:last-child {
-  --inner-border-width: 0;
-  --border-width: #{0 0 $list-md-item-border-bottom-width 0};
-}
-
 
 // Material Design Inset List
 // --------------------------------------------------

core/src/components/list/test/lines/index.html

@@ -19,7 +19,7 @@
       </ion-toolbar>
     </ion-header>
 
-    <ion-content >
+    <ion-content>
       <ion-list lines="full">
         <ion-list-header>Lines: full</ion-list-header>
         <ion-item>Pokémon Yellow</ion-item>
@@ -54,6 +54,32 @@
         <ion-item>Final Fantasy VII</ion-item>
       </ion-list>
 
+      <ion-list>
+        <ion-list-header>Wrapper item: default</ion-list-header>
+        <div><ion-item>Pokémon Yellow</ion-item></div>
+        <div><ion-item>Super Metroid</ion-item></div>
+        <div><ion-item>Mega Man X</ion-item></div>
+        <div><ion-item>The Legend of Zelda</ion-item></div>
+        <div><ion-item>Pac-Man</ion-item></div>
+      </ion-list>
+
+      <ion-list lines="none">
+        <ion-list-header>Wrapper list lines: none</ion-list-header>
+        <div><ion-item>Pokémon Yellow</ion-item></div>
+        <div><ion-item>Super Metroid</ion-item></div>
+        <div><ion-item>Mega Man X</ion-item></div>
+        <div><ion-item>The Legend of Zelda</ion-item></div>
+        <div><ion-item>Pac-Man</ion-item></div>
+      </ion-list>
+
+      <ion-list>
+        <ion-list-header>Wrapper w/ item lines: none</ion-list-header>
+        <div><ion-item lines="none">Pokémon Yellow</ion-item></div>
+        <div><ion-item lines="none">Super Metroid</ion-item></div>
+        <div><ion-item lines="none">Mega Man X</ion-item></div>
+        <div><ion-item lines="none">The Legend of Zelda</ion-item></div>
+        <div><ion-item lines="none">Pac-Man</ion-item></div>
+      </ion-list>
     </ion-content>
 
   </ion-app>