feat(list): add dividers to lists

angular · Apr 5, 2016 · 915dd9b · 915dd9b
1 parent 0a9c169
commit 915dd9b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/list/list.scss b/src/components/list/list.scss
@@ -175,4 +175,11 @@ md-list[dense] {
 
     @include md-line-base($md-dense-font-size);
   }
+
+}
+
+md-divider {
+  display: block;
+  border-top: 1px solid md-color($md-foreground, divider);
+  margin: 0;
 }
diff --git a/src/demo-app/list/list-demo.html b/src/demo-app/list/list-demo.html
@@ -32,9 +32,7 @@ <h4 md-line>{{message.from}}</h4>
           <span class="demo-secondary-text">{{message.message}}</span>
         </p>
       </md-list-item>
-    </md-list>
-
-    <md-list>
+      <md-divider></md-divider>
       <md-list-item *ngFor="#message of messages">
         <h4 md-line>{{message.from}}</h4>
         <p md-line> {{message.subject}} </p>