md-grid list and tile

Author: stephnr

directives/md-grid-list.sublime-snippet

@@ -1,10 +1,10 @@
 <snippet>
   <content><![CDATA[
-<md-grid-list md-cols="5" md-gutter="1em" md-row-height="4:3">
-  <md-grid-tile>$1</md-grid-tile>
+<md-grid-list md-cols="${1:number}" md-gutter="${2:string}" md-row-height="${3:string}" md-on-layout="${4:expr}">
+  ${5:<md-grid-tile>$6</md-grid-tile>}
 </md-grid-list>
 ]]></content>
   <tabTrigger>md-grid-list</tabTrigger>
-  <description>Angular Material - Grid lists are an alternative to standard list views. Grid lists are distinct from grids used for layouts and other visual presentations.</description>
+  <description>Angular Material - md-grid-list</description>
   <scope>text.html</scope>
 </snippet>

directives/md-grid-tile.sublime-snippet

@@ -1,12 +1,15 @@
 <snippet>
   <content><![CDATA[
-<md-grid-tile>
-  <md-grid-tile-footer>
-    <h3>This is a footer</h3>
-  </md-grid-tile-footer>
+<md-grid-tile ${1:md-colspan="${2:number}"} ${3:md-rowspan="${4:number}"}>
+	${5:<md-grid-tile-header>
+		${6:<h3>$7</h3>}
+	</md-grid-tile-header>}
+  	${8:<md-grid-tile-footer>
+  		${9:<h3>$10</h3>}
+  	</md-grid-tile-footer>}
 </md-grid-tile>
 ]]></content>
   <tabTrigger>md-grid-tile</tabTrigger>
-  <description>Angular Material - Tiles contain the content of an md-grid-list. They span one or more grid cells vertically or horizontally, and use md-grid-tile-{footer,header} to display secondary content within the tile.</description>
+  <description>Angular Material - md-grid-tile</description>
   <scope>text.html</scope>
-</snippet>
+</snippet>