From d9a0d7eee3a2e27cda52ef16dd870b6a9df693a9 Mon Sep 17 00:00:00 2001
From: Oleg Stepura <github@oleg.stepura.com>
Date: Wed, 9 Aug 2017 13:54:34 +0200
Subject: [PATCH] Add transition to hover effect in list items

---
 components/list/theme.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/list/theme.css b/components/list/theme.css
index 862ff19e..cce1de5b 100644
--- a/components/list/theme.css
+++ b/components/list/theme.css
@@ -64,6 +64,9 @@
   min-height: var(--list-item-min-height);
   padding: 0 var(--list-horizontal-padding);
   position: relative;
+  transition-duration: 0.28s;
+  transition-property: background-color;
+  transition-timing-function: var(--animation-curve-default);
 
   &.selectable:not(.disabled):hover {
     background-color: var(--list-item-hover-color);