From 616a52f6e0edf6a7aabae055997de7dc4ca1372a Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Tue, 17 Nov 2015 15:20:20 -0500
Subject: [PATCH] refactor(item-group): change css selectors from classes to
 elements

references #568
---
 ionic/components/item/item.scss      | 4 ++--
 ionic/components/item/modes/ios.scss | 4 ++--
 ionic/components/item/modes/md.scss  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss
index ad2822a028..3f95d63b10 100644
--- a/ionic/components/item/item.scss
+++ b/ionic/components/item/item.scss
@@ -36,11 +36,11 @@
   align-self: stretch;
 }
 
-.item-group {
+ion-item-group {
   display: block;
 }
 
-.item-group-title {
+ion-item-group-title {
   display: block;
   min-height: 30px;
   font-weight: 500;
diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss
index 24cd141de4..cf94ea37ca 100644
--- a/ionic/components/item/modes/ios.scss
+++ b/ionic/components/item/modes/ios.scss
@@ -30,7 +30,7 @@ $item-ios-sliding-content-bg:         $background-color !default;
 $item-ios-sliding-transition:         transform 250ms ease-in-out !default;
 
 
-.item-group {
+ion-item-group {
   ion-item-group-title {
     padding: $item-ios-padding-top $item-ios-padding-right $item-ios-padding-bottom $item-ios-padding-left;
     background-color: $item-ios-divider-bg;
@@ -166,7 +166,7 @@ a.item:not([detail-none]) .item-inner,
 
 &.hairlines {
   .item-inner,
-  .item-group ion-item-group-title {
+  ion-item-group ion-item-group-title {
     border-bottom-width: 0.55px;
   }
 }
diff --git a/ionic/components/item/modes/md.scss b/ionic/components/item/modes/md.scss
index 7edaa23371..911af00569 100644
--- a/ionic/components/item/modes/md.scss
+++ b/ionic/components/item/modes/md.scss
@@ -32,7 +32,7 @@ $item-md-sliding-content-bg:         $background-color !default;
 $item-md-sliding-transition:         transform 250ms ease-in-out !default;
 
 
-.item-group-title {
+ion-item-group-title {
   padding: $item-md-padding-top $item-md-padding-right $item-md-padding-bottom $item-md-padding-left;
   background-color: $item-md-divider-bg;
   color: $item-md-divider-color;