From 1adaa99e261db8767fa311361987838abb01753c Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 2 Jun 2015 19:01:31 -0400
Subject: [PATCH] Fix valign on list automatically affecting content/image

---
 src/definitions/elements/list.less         | 15 +++++++++------
 src/themes/default/elements/list.variables |  8 +++++---
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less
index a4a98004d..c9db13691 100755
--- a/src/definitions/elements/list.less
+++ b/src/definitions/elements/list.less
@@ -370,17 +370,20 @@ ol.ui.list ol,
        Aligned
 --------------------*/
 
-.ui.list[class*="top aligned"],
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
 .ui.list [class*="top aligned"] {
-  vertical-align: top;
+  vertical-align: top !important;
 }
-.ui.list[class*="middle aligned"],
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
 .ui.list [class*="middle aligned"] {
-  vertical-align: middle;
+  vertical-align: middle !important;
 }
-.ui.list[class*="bottom aligned"],
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
 .ui.list [class*="bottom aligned"] {
-  vertical-align: bottom;
+  vertical-align: bottom !important;
 }
 
 /*-------------------
diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables
index 200328d62..2042ef8fd 100644
--- a/src/themes/default/elements/list.variables
+++ b/src/themes/default/elements/list.variables
@@ -135,10 +135,12 @@
 @invertedSelectionListActiveColor: @invertedSelectedTextColor;
 
 /* Animated List */
+@animatedDuration: 0.25s;
+@animatedDelay: 0.1s;
 @animatedListTransition:
-  @defaultDuration color @defaultEasing,
-  @defaultDuration padding-left @defaultEasing,
-  @defaultDuration background-color @defaultEasing
+  @animatedDuration color @defaultEasing @animatedDelay,
+  @animatedDuration padding-left @defaultEasing @animatedDelay,
+  @animatedDuration background-color @defaultEasing @animatedDelay
 ;
 @animatedListIndent: 1em;