X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fcore%2Fmodules%2Fsettings_tray%2Fcss%2Fsettings_tray.motion.css;fp=web%2Fcore%2Fmodules%2Fsettings_tray%2Fcss%2Fsettings_tray.motion.css;h=03639cb1e40d6e84a5094a00dac7fc372e7d153f;hp=0000000000000000000000000000000000000000;hb=9917807b03b64faf00f6a1f29dcb6eafc454efa5;hpb=aea91e65e895364e460983b890e295aa5d5540a5

diff --git a/web/core/modules/settings_tray/css/settings_tray.motion.css b/web/core/modules/settings_tray/css/settings_tray.motion.css
new file mode 100644
index 000000000..03639cb1e
--- /dev/null
+++ b/web/core/modules/settings_tray/css/settings_tray.motion.css
@@ -0,0 +1,19 @@
+/**
+ * @file
+ * Motion effects for Settings Tray module.
+ *
+ * Motion effects are in a separate file so that they can be easily turned off
+ * to improve performance if desired.
+ */
+
+/* Transition the edit icon in the toolbar. */
+#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
+  transition: all .7s ease;
+}
+
+/* Transition the editables on the page, their contextual links and their hover states. */
+.dialog-off-canvas__main-canvas .contextual,
+.dialog-off-canvas__main-canvas .js-settings-tray-edit-mode .settings-tray-editable,
+.dialog-off-canvas__main-canvas.js-tray-open .js-settings-tray-edit-mode .settings-tray-editable {
+  transition: all .7s ease;
+}