From 47cb1c21633e14da3a800353cf4e3c93e14c0b24 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Mon, 28 Oct 2013 20:35:44 -0500
Subject: [PATCH] list item active state

---
 dist/css/ionic-ios7.css   | 5 +++++
 dist/css/ionic-scoped.css | 4 ++++
 dist/css/ionic.css        | 5 +++++
 scss/ionic/_items.scss    | 6 ++++++
 4 files changed, 20 insertions(+)

diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css
index 403a6e97ef..04d0b57938 100644
--- a/dist/css/ionic-ios7.css
+++ b/dist/css/ionic-ios7.css
@@ -1294,6 +1294,11 @@ a.item {
 .item-icon-left.item-icon-right i:last-child {
   left: auto; }
 
+a.item:active,
+button.item:active,
+.item.active {
+  background-color: #F7F7F7; }
+
 a.item:after,
 button.item:after {
   /* By default, both <a> and <button> have right side arrow icons */
diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css
index f07a072e64..a03b55e172 100644
--- a/dist/css/ionic-scoped.css
+++ b/dist/css/ionic-scoped.css
@@ -2009,6 +2009,10 @@
     right: auto; }
   .ionic .item-icon-left.item-icon-right i:last-child {
     left: auto; }
+  .ionic a.item:active,
+  .ionic button.item:active,
+  .ionic .item.active {
+    background-color: #F7F7F7; }
   .ionic a.item:after,
   .ionic button.item:after {
     /* By default, both <a> and <button> have right side arrow icons */
diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index e5957dac15..c2c1669548 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -2437,6 +2437,11 @@ a.item {
 .item-icon-left.item-icon-right i:last-child {
   left: auto; }
 
+a.item:active,
+button.item:active,
+.item.active {
+  background-color: #F7F7F7; }
+
 a.item:after,
 button.item:after {
   /* By default, both <a> and <button> have right side arrow icons */
diff --git a/scss/ionic/_items.scss b/scss/ionic/_items.scss
index a13da6d3ad..058b3f631a 100644
--- a/scss/ionic/_items.scss
+++ b/scss/ionic/_items.scss
@@ -213,6 +213,12 @@ a.item {
   left: auto;
 }
 
+a.item:active,
+button.item:active,
+.item.active {
+  background-color: #F7F7F7;
+}
+
 a.item:after,
 button.item:after {
   /* By default, both <a> and <button> have right side arrow icons */