refactor(radio): converted ion-radio-group to an ion-list with radio-group attribute

Changed Sass to style ion-list instead of the list class. Removed list
class from radios and lists. Closes #650

ionic/components/list/list.scss

@@ -4,7 +4,7 @@
 // --------------------------------------------------
 
 
-.list {
+ion-list {
   display: block;
   margin: 0;
   padding: 0;
@@ -18,7 +18,7 @@
   }
 }
 
-.list[inset] {
+ion-list[inset] {
   overflow: hidden;
   transform: translateZ(0);
 

ionic/components/list/list.ts

@@ -23,10 +23,7 @@ import * as util from 'ionic/util';
     'items',
     'virtual',
     'content'
-  ],
-  host: {
-    'class': 'list'
-  }
+  ]
 })
 export class List extends Ion {
 

ionic/components/list/modes/ios.scss

@@ -27,7 +27,7 @@ $list-ios-border-color:               $list-border-color !default;
 /* DEFAULT LIST */
 /****************/
 
-.list {
+ion-list {
   margin: -1px $list-ios-margin-right $list-ios-margin-bottom $list-ios-margin-left;
 
   ion-list-header {
@@ -87,7 +87,7 @@ $list-ios-border-color:               $list-border-color !default;
   }
 }
 
-.list + .list {
+ion-list + ion-list {
   margin-top: $list-ios-margin-top + $list-ios-margin-bottom;
 
   ion-list-header {
@@ -96,7 +96,7 @@ $list-ios-border-color:               $list-border-color !default;
   }
 }
 
-&.hairlines .list {
+&.hairlines ion-list {
 
   ion-item-options {
     border-width: 0.55px;
@@ -127,7 +127,7 @@ $list-ios-border-color:               $list-border-color !default;
 /* INSET LIST */
 /**************/
 
-.list[inset] {
+ion-list[inset] {
   margin: $list-inset-ios-margin-top $list-inset-ios-margin-right $list-inset-ios-margin-bottom $list-inset-ios-margin-left;
   border-radius: $list-inset-ios-border-radius;
 
@@ -150,11 +150,11 @@ $list-ios-border-color:               $list-border-color !default;
   }
 }
 
-.list[inset] + .list[inset] {
+ion-list[inset] + ion-list[inset] {
   margin-top: 0;
 }
 
-&.hairlines .list[inset] {
+&.hairlines ion-list[inset] {
   .item {
     border-width: 0.55px;
   }
@@ -165,8 +165,8 @@ $list-ios-border-color:               $list-border-color !default;
 /* NO LINES LIST */
 /*****************/
 
-.list[no-lines],
-&.hairlines .list[no-lines] {
+ion-list[no-lines],
+&.hairlines ion-list[no-lines] {
   ion-list-header,
   .item,
   .item .item-inner {

ionic/components/list/modes/md.scss

@@ -25,7 +25,7 @@ $list-md-border-color:          $item-md-border-color !default;
 /* DEFAULT LIST */
 /****************/
 
-.list {
+ion-list {
   margin: 0 $list-md-margin-right $list-md-margin-bottom $list-md-margin-left;
 
   ion-list-header,
@@ -82,7 +82,7 @@ $list-md-border-color:          $item-md-border-color !default;
     border-width: 0;
   }
 
-  + .list {
+  + ion-list {
     margin-top: $list-md-margin-top + $list-md-margin-bottom;
 
     ion-list-header {
@@ -97,7 +97,7 @@ $list-md-border-color:          $item-md-border-color !default;
 /* INSET LIST */
 /**************/
 
-.list[inset] {
+ion-list[inset] {
   margin: $list-inset-md-margin-top $list-inset-md-margin-right $list-inset-md-margin-bottom $list-inset-md-margin-left;
   border-radius: $list-inset-md-border-radius;
 
@@ -113,7 +113,7 @@ $list-md-border-color:          $item-md-border-color !default;
     border-bottom-left-radius: $list-inset-md-border-radius;
   }
 
-  + .list[inset] {
+  + ion-list[inset] {
     margin-top: 0;
   }
 }
@@ -123,7 +123,7 @@ $list-md-border-color:          $item-md-border-color !default;
 /* NO LINES LIST */
 /*****************/
 
-.list[no-lines] {
+ion-list[no-lines] {
   .item,
   .item .item-inner {
     border-width: 0;