From 82535039a2ea749d9ff84f7d32536f6fa445a74f Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Fri, 28 Jul 2017 17:55:44 +0300
Subject: [PATCH] fix(chips): cursor on remove button and box-shadow transition
 (#6019)

* Adds a `pointer-cursor` to the chip remove button to indicate that it's clickable.
* Adds a transition to the focused chip `box-shadow` to make it less harsh.
* Breaks up a long line that was exceeding our character limit.
---
 src/lib/chips/chips.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/chips/chips.scss b/src/lib/chips/chips.scss
index 9694302475d..947a6987904 100644
--- a/src/lib/chips/chips.scss
+++ b/src/lib/chips/chips.scss
@@ -16,8 +16,9 @@ $mat-chips-chip-margin: 8px;
 }
 
 .mat-chip:not(.mat-basic-chip) {
+  @include mat-elevation-transition;
   display: inline-flex;
-  padding: $mat-chip-vertical-padding $mat-chip-horizontal-padding $mat-chip-vertical-padding $mat-chip-horizontal-padding;
+  padding: $mat-chip-vertical-padding $mat-chip-horizontal-padding;
   border-radius: $mat-chip-horizontal-padding * 2;
   align-items: center;
   cursor: default;
@@ -82,6 +83,7 @@ $mat-chips-chip-margin: 8px;
 .mat-chip-remove {
   margin-right: $mat-chip-remove-margin-after;
   margin-left: $mat-chip-remove-margin-before;
+  cursor: pointer;
 
   [dir='rtl'] & {
     margin-right: $mat-chip-remove-margin-before;