From 5ecbf4c173c9ac80c0824912a62b5e506ab89b4c Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@osmosoft.com>
Date: Wed, 15 May 2013 22:30:22 +0100
Subject: [PATCH] Transitions for the icon hover effects

---
 themes/tiddlywiki/snowwhite/base.tid | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/themes/tiddlywiki/snowwhite/base.tid b/themes/tiddlywiki/snowwhite/base.tid
index 44871e3ab..f4eb692ec 100644
--- a/themes/tiddlywiki/snowwhite/base.tid
+++ b/themes/tiddlywiki/snowwhite/base.tid
@@ -23,6 +23,13 @@ tags: [[$:/tags/stylesheet]]
           filter: $filter$;
 ```
 \end
+\define transition(transition)
+```
+  -webkit-transition: $transition$;
+     -moz-transition: $transition$;
+          transition: $transition$;
+```
+\end
 \define background-linear-gradient(gradient)
 ```
 background-image: linear-gradient($gradient$);
@@ -268,6 +275,7 @@ a.tw-tiddlylink-missing {
 	padding-right: 0.5em;
 	fill: #fff;
 	<<filter "drop-shadow(1px 1px 2px rgba(0,0,0,0.15))">>
+	<<transition "fill 150ms ease-in-out">>
 }
 
 .tw-page-controls svg:hover {
@@ -370,6 +378,7 @@ a.tw-tiddlylink-missing {
 .tw-tiddler-controls .tw-button svg {
 	height: 0.75em;
 	fill: #ccc;
+	<<transition "fill 150ms ease-in-out">>
 }
 
 .tw-tiddler-controls .tw-button svg:hover {