From ea2647123a88fd7fda2cc148d3c747164f45bc3d Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Wed, 7 Oct 2015 11:15:54 -0500
Subject: [PATCH] change .item-text-wrap css class to [text-wrap] attr

---
 ionic/components/item/item.scss              |  2 +-
 ionic/components/item/modes/md.scss          |  2 +-
 ionic/components/item/test/buttons/main.html |  2 +-
 ionic/components/item/test/sliding/main.html |  6 +++---
 ionic/components/item/test/text/main.html    | 10 +++++-----
 ionic/components/list/test/inset/main.html   |  2 +-
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss
index ee63b905eb..ee95de565d 100644
--- a/ionic/components/item/item.scss
+++ b/ionic/components/item/item.scss
@@ -70,7 +70,7 @@ ion-item-content {
   }
 }
 
-.item-text-wrap ion-item-content {
+[text-wrap] ion-item-content {
   white-space: normal;
 }
 
diff --git a/ionic/components/item/modes/md.scss b/ionic/components/item/modes/md.scss
index e67a1c6559..abc73e3575 100644
--- a/ionic/components/item/modes/md.scss
+++ b/ionic/components/item/modes/md.scss
@@ -135,7 +135,7 @@ $item-md-sliding-transition:         transform 250ms ease-in-out !default;
     margin-bottom: 1px;
   }
 
-  .item-text-wrap ion-item-content {
+  [text-wrap] ion-item-content {
     font-size: $item-md-body-text-font-size;
     line-height: $item-md-body-text-line-height;
   }
diff --git a/ionic/components/item/test/buttons/main.html b/ionic/components/item/test/buttons/main.html
index 09a63cf7a8..cb176c17a8 100644
--- a/ionic/components/item/test/buttons/main.html
+++ b/ionic/components/item/test/buttons/main.html
@@ -81,7 +81,7 @@
     </button>
   </ion-item>
 
-  <ion-item class="item-text-wrap">
+  <ion-item text-wrap>
     This is multiline text that has a
     long description of about how the text is really long
     and a <a href="#" (click)="testClick($event)">link</a>.
diff --git a/ionic/components/item/test/sliding/main.html b/ionic/components/item/test/sliding/main.html
index 5ac6e19fec..667fbebac5 100644
--- a/ionic/components/item/test/sliding/main.html
+++ b/ionic/components/item/test/sliding/main.html
@@ -2,7 +2,7 @@
 
 <ion-list>
 
-  <ion-item-sliding class="item-text-wrap" detail-push>
+  <ion-item-sliding text-wrap detail-push>
     <h3>Max Lynch</h3>
     <p>
       Hey do you want to go to the game tonight?
@@ -12,7 +12,7 @@
     </ion-item-options>
   </ion-item-sliding>
 
-  <ion-item-sliding class="item-text-wrap" detail-push>
+  <ion-item-sliding text-wrap detail-push>
     <h3>Adam Bradley</h3>
     <p>
       I think I figured out how to get more Mountain Dew
@@ -22,7 +22,7 @@
     </ion-item-options>
   </ion-item-sliding>
 
-  <ion-item-sliding class="item-text-wrap" detail-push>
+  <ion-item-sliding text-wrap detail-push>
     <h3>Ben Sperry</h3>
     <p>
       I like paper
diff --git a/ionic/components/item/test/text/main.html b/ionic/components/item/test/text/main.html
index 9878a21562..e7457eb7ba 100644
--- a/ionic/components/item/test/text/main.html
+++ b/ionic/components/item/test/text/main.html
@@ -12,28 +12,28 @@
       Single line text that should have ellipses when it doesn't all fit in the item
     </ion-item>
 
-    <ion-item class="item-text-wrap">
+    <ion-item text-wrap>
       Multiline text that should wrap when it is too long
       to fit on one line in the item. Class on .item
     </ion-item>
 
-    <ion-item class="item-text-wrap">
+    <ion-item text-wrap>
       <h1>H1 Title Text</h1>
       <p>Paragraph line 1</p>
     </ion-item>
 
-    <ion-item class="item-text-wrap">
+    <ion-item text-wrap>
       <h2>H2 Title Text</h2>
       <p>Paragraph line 1</p>
     </ion-item>
 
-    <ion-item class="item-text-wrap">
+    <ion-item text-wrap>
       <h3>H3 Title Text</h3>
       <p>Paragraph line 1</p>
       <p>Paragraph line 2</p>
     </ion-item>
 
-    <ion-item class="item-text-wrap">
+    <ion-item text-wrap>
       <h4>H4 Title Text</h4>
       <p>Paragraph line 1</p>
       <p>Paragraph line 2</p>
diff --git a/ionic/components/list/test/inset/main.html b/ionic/components/list/test/inset/main.html
index 15006fbbbd..ee32b5df3e 100644
--- a/ionic/components/list/test/inset/main.html
+++ b/ionic/components/list/test/inset/main.html
@@ -56,7 +56,7 @@
       List Item 2
     </ion-item>
 
-    <ion-item class="item-text-wrap">
+    <ion-item text-wrap>
       This is a multiline content within a list that should
       take up multiple lines and stuff.
     </ion-item>