From 6f453784525abcaaa25f7cd578876a8966d10e60 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 20 Nov 2015 15:03:10 -0500
Subject: [PATCH] fix(card): added properties to a card to clip the inside to
 the border-radius of the card

fixes #600
---
 ionic/components/card/card.scss      | 14 ++------------
 ionic/components/card/modes/ios.scss |  2 --
 ionic/components/card/modes/md.scss  |  1 -
 3 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/ionic/components/card/card.scss b/ionic/components/card/card.scss
index f14385a093..b09897aaf7 100644
--- a/ionic/components/card/card.scss
+++ b/ionic/components/card/card.scss
@@ -5,6 +5,8 @@
 
 ion-card {
   display: block;
+  overflow: hidden;
+  transform: translateZ(0);
 }
 
 ion-card img {
@@ -22,15 +24,3 @@ ion-card-header {
 ion-card-content {
   display: block;
 }
-
-ion-card {
-  > .list:first-child {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-  }
-
-  > .list:last-child {
-    border-bottom-left-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-}
diff --git a/ionic/components/card/modes/ios.scss b/ionic/components/card/modes/ios.scss
index 672e6e6143..f2aecfb09e 100644
--- a/ionic/components/card/modes/ios.scss
+++ b/ionic/components/card/modes/ios.scss
@@ -38,7 +38,6 @@ ion-card {
   background: $card-ios-background-color;
   box-shadow: $card-ios-box-shadow;
   border-radius: $card-ios-border-radius;
-  overflow: hidden;
 
   .list {
     margin-bottom: 0;
@@ -80,7 +79,6 @@ ion-card {
   }
 
   [actions] {
-    border-radius: inherit;
     padding-right: ($card-ios-padding-right / 2);
 
     ion-item-content {
diff --git a/ionic/components/card/modes/md.scss b/ionic/components/card/modes/md.scss
index caba059d5d..b6254bd8d8 100644
--- a/ionic/components/card/modes/md.scss
+++ b/ionic/components/card/modes/md.scss
@@ -41,7 +41,6 @@ ion-card {
   background: $card-md-background-color;
   box-shadow: $card-md-box-shadow;
   border-radius: $card-md-border-radius;
-  overflow: hidden;
 
   .list {
     margin-bottom: 0;