fix(bottomsheet): gridlist has spacing issue within a list item.

* Added .editorconfig to gitignore file.
* Ignored the pseudo before element within a bottom sheet grid list item.

Closes #8914

Author: bradrich

.gitignore

@@ -5,3 +5,4 @@ dist
 /.idea/
 .nvmrc
 tmp/
+.editorconfig

src/components/bottomSheet/bottom-sheet.scss

@@ -115,7 +115,7 @@ md-bottom-sheet {
           }
         }
       }
-      
+
       @media (max-width: $layout-breakpoint-sm) {
         @include grid-items-per-row(3, true);
       }
@@ -132,7 +132,10 @@ md-bottom-sheet {
         @include grid-items-per-row(7);
       }
 
-
+      // Override of the IE11 fix from @mixin ie11-min-height-flexbug, line 109 mixins.scss
+      &::before {
+        display: none;
+      }
 
       .md-list-item-content {
         display: flex;

src/components/bottomSheet/demoBasicUsage/bottom-sheet-grid-template.html

@@ -6,10 +6,10 @@ <h4>Since <code>clickOutsideToClose = false</code>, drag down or press ESC to cl
     <md-list flex layout="row" layout-align="center center">
       <md-list-item ng-repeat="item in items">
         <div>
-        <md-button class="md-grid-item-content" ng-click="listItemClick($index)">
-          <md-icon md-svg-src="{{item.icon}}"></md-icon>
-          <div class="md-grid-text"> {{ item.name }} </div>
-        </md-button>
+          <md-button class="md-grid-item-content" ng-click="listItemClick($index)">
+            <md-icon md-svg-src="{{item.icon}}"></md-icon>
+            <div class="md-grid-text"> {{ item.name }} </div>
+          </md-button>
         </div>
       </md-list-item>
     </md-list>