From 517658eb2caeeac433ca7b2aa90317120a1c2dd8 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Wed, 30 Apr 2014 22:24:57 -0500
Subject: [PATCH] feature(.no-resize): Utility css to remove textarea resizer

---
 scss/_util.scss              |  4 ++++
 test/css/input-textarea.html | 10 +++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/scss/_util.scss b/scss/_util.scss
index f772a0b174..2c41edcf98 100644
--- a/scss/_util.scss
+++ b/scss/_util.scss
@@ -63,6 +63,10 @@
   -ms-content-zooming: none;
 }
 
+.no-resize {
+  resize: none;
+}
+
 .block {
   display: block;
   clear: both;
diff --git a/test/css/input-textarea.html b/test/css/input-textarea.html
index 7d8bfcc614..1c36d0734f 100644
--- a/test/css/input-textarea.html
+++ b/test/css/input-textarea.html
@@ -16,7 +16,7 @@
       <h3>Default Textarea, Not Inset, No Content Padding</h3>
       <div class="list">
         <label class="item item-input">
-          <textarea placeholder="First Name"></textarea>
+          <textarea placeholder="First Name" class="no-resize"></textarea>
         </label>
         <label class="item item-input">
           <textarea placeholder="Last Name"></textarea>
@@ -29,7 +29,7 @@
           <textarea placeholder="First Name"></textarea>
         </label>
         <label class="item item-input">
-          <textarea placeholder="Last Name"></textarea>
+          <textarea placeholder="Last Name" class="no-resize"></textarea>
         </label>
       </div>
 
@@ -209,7 +209,7 @@
       <h3>Stacked Label On Top Of Textarea, No Parent Content Padding</h3>
       <div class="list">
         <label class="item item-input item-stacked-label">
-          <i class="icon ion-email"></i> 
+          <i class="icon ion-email"></i>
           <span class="input-label">Email</span>
           <textarea placeholder="your@email.com"></textarea>
         </label>
@@ -220,7 +220,7 @@
         <h3>Stacked Label On Top Of Textarea, With Parent Content Padding</h3>
         <div class="list">
           <label class="item item-input item-stacked-label">
-            <i class="icon ion-cloud"></i> 
+            <i class="icon ion-cloud"></i>
             <span class="input-label">SaaS</span>
             <textarea placeholder="Codiqa"></textarea>
           </label>
@@ -229,7 +229,7 @@
         <h3>Stacked Label On Top Of Textarea, list-inset, With Parent Content Padding</h3>
         <div class="list list-inset">
           <label class="item item-input item-stacked-label">
-            <i class="icon ion-headphone"></i> 
+            <i class="icon ion-headphone"></i>
             <span class="input-label">Favorite Music</span>
             <textarea placeholder="Bee Gees"></textarea>
           </label>