Revert "refactor(list): simplify list component scss" (#10221)

src/components/list/demoBasicUsage/index.html

@@ -54,11 +54,11 @@ <h3>{{ todos[1].who }}</h3>
         </md-list-item>
         <md-divider ></md-divider>
         <md-subheader class="md-no-sticky">Classes</md-subheader>
-        <md-list-item class="md-2-line" ng-repeat="phone in phones" ng-class="{'md-offset': phone.options.offset }">
+        <md-list-item class="md-2-line" ng-repeat="phone in phones">
           <md-icon md-svg-icon="{{phone.options.icon}}" ng-if="phone.options.icon" ng-class="{'md-avatar-icon': phone.options.avatarIcon}"></md-icon>
           <img ng-src="{{phone.options.face}}?25" class="md-avatar" alt="{{phone.options.face}}"
                ng-if="phone.options.face"/>
-          <div class="md-list-item-text">
+          <div class="md-list-item-text" ng-class="{'md-offset': phone.options.offset }">
             <h3> {{ phone.number }} </h3>
             <p> {{ phone.type }} </p>
           </div>
@@ -127,11 +127,11 @@ <h3>{{ todos[1].who }}</h3>
         </md-list-item>
         <md-divider ></md-divider>
         <md-subheader class="md-no-sticky">Classes</md-subheader>
-        <md-list-item class="md-2-line" ng-repeat="phone in phones" ng-class="{'md-offset': phone.options.offset }">
+        <md-list-item class="md-2-line" ng-repeat="phone in phones">
           <md-icon md-svg-icon="{{phone.options.icon}}" ng-if="phone.options.icon" ng-class="{'md-avatar-icon': phone.options.avatarIcon}"></md-icon>
           <img ng-src="{{phone.options.face}}?25" class="md-avatar" alt="{{phone.options.face}}"
                ng-if="phone.options.face"/>
-          <div class="md-list-item-text">
+          <div class="md-list-item-text" ng-class="{'md-offset': phone.options.offset }">
             <h3> {{ phone.number }} </h3>
             <p> {{ phone.type }} </p>
           </div>

src/components/list/demoListControls/style.css

@@ -1,16 +1,17 @@
 md-divider {
-  margin-top: 0;
-  margin-bottom: 0;
+    margin-top: 0;
+    margin-bottom: 0;
 }
 
 md-list {
-  padding-top: 0;
+    padding-top:0;
 }
-
-md-list-item.md-list-item-content > p,
-md-list-item .md-list-item-content > p {
-  -webkit-user-select: none; /* Chrome all / Safari all */
-  -moz-user-select: none; /* Firefox all */
-  -ms-user-select: none; /* IE 10+ */
-  user-select: none; /* Likely future */
+md-list-item > p,
+md-list-item > .md-list-item-inner > p,
+md-list-item .md-list-item-inner > p,
+md-list-item .md-list-item-inner > .md-list-item-inner > p {
+    -webkit-user-select: none; /* Chrome all / Safari all */
+    -moz-user-select: none; /* Firefox all */
+    -ms-user-select: none; /* IE 10+ */
+    user-select: none; /* Likely future */
 }